bootstrap3中关于布局的两种样式
生活随笔
收集整理的這篇文章主要介紹了
bootstrap3中关于布局的两种样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
container:用.container包裹的內容即可實現居中對齊。注意,由于在各分辨率下面都設置了padding 和 固定寬度,.container不能嵌套。
row:欄柵系統是把父容器平均分為12列。注意,row可以被嵌套。
| ? | 超小屏幕設備?手機 (<768px) | 小屏幕設備?平板 (≥768px) | 中等屏幕設備?桌面 (≥992px) | 大屏幕設備?桌面 (≥1200px) |
|---|---|---|---|---|
| 柵格系統行為 | 總是水平排列 | 開始是堆疊在一起的,超過這些閾值將變為水平排列 | ||
| 最大.container寬度 | None (自動) | 750px | 970px | 1170px |
| class前綴 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| 列數 | 12 | |||
| 最大列寬 | 自動 | 60px | 78px | 95px |
| 槽寬 | 30px (每列左右均有15px) | |||
| 可嵌套 | Yes | |||
| 偏移(Offsets) | Yes | |||
| 列排序 | Yes | |||
轉載于:https://www.cnblogs.com/xiaotaiyang/p/3962292.html
總結
以上是生活随笔為你收集整理的bootstrap3中关于布局的两种样式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 多囊卵巢真的治不好吗
- 下一篇: 测试用的序列化方法