发表于: 2019-03-15 20:49:40

1 646


今天完成的事情:

完成了任务8.9 bug进行了修正


明天计划的事情:

完成任务10


遇到的问题:

修改bug遇到了点问题,就是文字标签的运用,问题已解决,如何运用bootstarp列偏移。


收获:

必须要用a标签,#后面加上命名比如
<a href="#fff" class="text-f">
跳转的也是文件
<span class="text-q" id="fff">前端开发选项</span>想要跳转的文件加上id 加上之前的命名就ok了
ul 的使用f30dfb1f7e6e3e53cce73d966131eea4.png 这是一个声明,后面跟属性比如文字type图像image 位置postion

list-style-type:none;什么意思
设置列表的格式为none。也就是没有格式。列表格式有好几种。有前面是圆点的。有是小正方快的等等。
动画效果展示
1fb24ffac6cb29698cda98abbbcb5fc0.png

列偏移的简单基础运用;

有的时候,我们不希望相邻的两个列紧靠在一起,但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度

如上面的示例代码,得到的效果如下或在最右侧结果窗口中可以看到(鼠标移到结果窗口,单击出现的全屏按钮):

实现原理非常简单,就是利用十二分之一(1/12)的margin-left。然后有多少个offset,就有多少个margin-left。



返回列表 返回列表
评论

    分享到