超级会员免费看
本文详细介绍了Bootstrap4的布局系统，包括容器布局的.container和.container-fluid，以及栅格系统的12列响应式设计。内容涵盖栅栏等级、自适应隐藏与显示的方法、对齐和排列策略。此外，还讨论了内容排版、代码和图文样式，以及表格样式和颜色边框的使用，展示了如何利用Bootstrap4创建移动优先的响应式网页。
布局系统：
- Bootstrap4.x 提供了.container和.container-fluid两种容器布局
- 这两种样式是启用布局栅格系统最基本的要素
- .contianer是固体自适应方式，.container-fluid是流体100%自适应方式；
- 容器布局可以嵌套，但一般不推荐使用；
- 自适应对应的响应式方式如下media:
- 从响应式的media可以看出，Bootstrap4.x是以移动端为优先的
栅栏系统
- Bootstrap4.x 的栅格系统是一个以移动为优先的网格系统；
- 基于12列的布局，5种响应尺寸（面向不同屏幕设备）；
- 完全使用flexbox流式布局构建的，完全支持响应式标准；
- 具体采用div容器的行、列和对齐内容来构建响应式布局；
订阅专栏 解锁全文
扫一扫
1341
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
