逻集论 wdl63.cloud |
|
|
这是一些文本。.container 类用于创建固定宽度的响应式页面。
注意：宽度 (max-width) 会根据屏幕宽度同比例放大或缩小。
超级小屏幕<576px,100%；小屏幕,≥576px，max-width 540px；中等屏幕，≥768px，max-width 720px；
大屏幕，≥992px，max-width 960px；特大屏幕，≥1200px，1140px；超级大屏幕，≥1400px，max-width 1320px
默认情况下，容器都有填充左右内边距，顶部和底部没有填充内边距。 Bootstrap 提供了一些间距类用于填充边距。 比如 .pt-5 就是用于填充顶部内边距
这个容器具有蓝色背景色和白色文本，以及一些额外的边距。class="container p-5 my-5 bg-primary text-white"
创建三个相等宽度的列! 尝试在 class="row" 的 div 中添加新的 class="col" div，会显示四个等宽的列。
.col-sm|md|lg|xl-*（加起来为12）.在移动设备上，即屏幕宽度小于 576px 时，四个列将会上下堆叠排版。
一个列中添加另外一个列:
.offset-md-4 是把.col-md-4 往右移了四列格。
|