发表于： 2016-03-12 00:42:38
1 1867
今天完成的事情：
看了一天的响应式、bootstrap、栅格，看的头晕，对task7进行了修改，重新写了轮播。并且跟昨天比又删掉很多东西，响应式比自适应有的地方要改宽度。
明天计划的事情：
把响应式、bootstrap搞明白，进行11.
遇到的问题：
bootstrap，响应式用的并不熟悉。
收获：
重新写task7的轮播，用bootstrap
http://www.ziqiangxuetang.com/bootstrap/bootstrap-carousel-plugin.html
我对bootstrap的理解还不够深刻，对于做出的这个结果，左右两个导航的指标如何让他们居中，最后我把它原
来的那个删掉，自己加的图片，并定位。
<img src="task7.1/right2.png" style="margin:80% auto;width: 10%;">
关于优先级的问题，今天我在引用的时候发现背景颜色变了，调试的时候发现背景取得是bootstrap中的样式，然后我在html中背景后加！important发现不管用，我百度原来在引用外联的时候下边的会覆盖上边的。
1、加载顺序后面覆盖前面，引用样式文件的时候先bootstrap后main
2、有上级类名的覆盖没有上级类名的，可以.btn-group .btn-primary
3、!important
在做响应式的时候，先有写class="container-fluid" ，里边的是row（行），再里边的是col（column列）
在row中的col里，多写几个col-md-3 col-sm-6 col-xs-12
其中：
.col-xs- 超小屏幕 手机 (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px）
col-xs-12 的意思是在分辨率小于768的时候这个占12个格栅
如果我想加类名的话，就是 <div class="container-fluid content">
关于那个响应式导航条
http://www.imooc.com/code/3124 慕课网上的一节代码。
但是现在我还没用到7上。
html里有::after，不用管这个，这是代码后来自己加上去的
关于：after
这个是关于：after的，在元素之前加的东西，这个after{}中的东西不对之后的元素产生影响。
就先不贴东西了，还没弄好
返回列表
评论