发表于： 2016-03-16 07:03:19
4 2239
今天完成的事情：
1、task10没有全部完成，一些细节有待改善，；
明天计划的事情：
1、完成task10；
2、开始task11
遇到的问题：
1、Q：bootstrap的默认样式有时候会和自己所设置的样式冲突，优先级问题
A：自己的CSS样式放在引用的css样式后面，也是就紧挨着</head>
bootstrap引用前必须先引用jq库，后引用js，似乎一般是紧挨着</body>
2、Q：nav在小屏幕时，如何实现下拉式效果？
A：这个还没有用熟悉，明天再看看官网的教程
收获:
1、@media配合栅格使用，断点可跟bootstrap保持一致
| 超小屏幕 手机 (<768px) | 小屏幕 平板 (≥768px) | 中等屏幕 桌面显示器 (≥992px) | 大屏幕 大桌面显示器 (≥1200px) | |
|---|---|---|---|---|
| 栅格系统行为 | 总是水平排列 | 开始是堆叠在一起的，当大于这些阈值时将变为水平排列C | ||
.container 最大宽度 | None （自动） | 750px | 970px | 1170px |
| 类前缀 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| 列（column）数 | 12 | |||
| 最大列（column）宽 | 自动 | ~62px | ~81px | ~97px |
| 槽（gutter）宽 | 30px （每列左右均有 15px） | |||
| 可嵌套 | 是 | |||
| 偏移（Offsets） | 是 | |||
| 列排序 | 是 | |||
返回列表
评论