发表于: 2019-03-15 20:49:40
1 647
今天完成的事情:
完成了任务8.9 bug进行了修正
明天计划的事情:
完成任务10
遇到的问题:
修改bug遇到了点问题,就是文字标签的运用,问题已解决,如何运用bootstarp列偏移。
收获:
必须要用a标签,#后面加上命名比如
<a href="#fff" class="text-f">
跳转的也是文件
<span class="text-q" id="fff">前端开发选项</span>想要跳转的文件加上id 加上之前的命名就ok了
ul 的使用 这是一个声明,后面跟属性比如文字type图像image 位置postion
list-style-type:none;什么意思
设置列表的格式为none。也就是没有格式。列表格式有好几种。有前面是圆点的。有是小正方快的等等。
动画效果展示
列偏移的简单基础运用;
有的时候,我们不希望相邻的两个列紧靠在一起,但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度
如上面的示例代码,得到的效果如下或在最右侧结果窗口中可以看到(鼠标移到结果窗口,单击出现的全屏按钮):
实现原理非常简单,就是利用十二分之一(1/12)的margin-left。然后有多少个offset,就有多少个margin-left。
评论