一种快速减少自举页面的方法

引导布局，例如一个广泛使用的网页布局方法，我们使用一个布局的分布是受中间内容：地方布局，代码如下

体{宽度：1350px；
}
标题{
背景颜色：# d9534f；
身高：120px；
}
中心{。
背景颜色：# 31b0d5；
边境：1px solid # FF0000；
身高：300px；
保证金：0px；
}
页脚{
背景颜色：# f0ad4e；
身高：100px；
}

运行后，页面正常，效果如下：

但是当我们缩小页面窗口时，我们发现页面中间的div的3被压缩出来，一个div占用一行，效果如下：

不仅在div中挤满了位置，长度的页面也会自动扩展，那么这是不是我们所需要的，类的属性，每个分区设置为Col LG Col MD Col SM Col XS，每个尺寸的修改代码改编如下：

在运行和减少页面之后，页面不再被安排，但是当页面窗口变窄时，页面变平，效果如下：

这是由每个块元素的宽度造成的。如果你设置宽度为身体再次{宽度：1350px（屏幕宽度），你就可以避免这种情况，自动生成滚动条，让页面显示正常。

以上是减少引导页介绍的萧边变形的一个快速的解决方案，我们希望能帮助你。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。