发表于： 2018-06-06 21:07:52
1 586
今天完成的事：继续任务八。
明天的计划：因为没有用bootstrap的栅格式布局，第一个页面需要重做。
碰到的问题：对栅格式的理解还是很初级，我以为用了栅格布局的东西只能用栅格布局的方式，比如
用的是
来撑位置，这样很麻烦，要试很多遍才能到合适的位置，但可以多加一个类名，属性为text-align:right就行了，也可以用flex。
收获：1、重新看了遍栅格布局，还是能学到很多东西。
| 超小屏幕 (新增规格)<576px | 小屏幕 次小屏≥576px | 中等屏幕 窄屏≥768px | 大屏幕 桌面显示器≥992px | 超大屏幕 大桌面显示器≥1200px | |
|---|---|---|---|---|---|
.container 最大宽度 | None (auto) | 540px | 720px | 960px | 1140px |
| 类前缀 | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
而且还有一个类似满足条件即触发的机制，比如
<div class="col-xs-4 col-md-2"></div>
当窄屏尺寸小于768px时，触发col-xs-4，大于等于768px时，col-xs-4失效，col-md-2生效。这大概就是自适应吧。
2、原来同一个标签里可以写一个以上的类名。
返回列表
评论