一站式数码信息平台
发布时间：2025-04-09 10:00:38
bootstrap栅格布局是什么
网页布局方式
Bootstrap栅格布局是一种网页布局方式，它将页面分成类似于表格一样的布局，每一行由12列组成。通过设置列所占有的列的个数来设置列的宽度。栅格布局支持响应式布局，分别有5种响应尺寸，分别对应不同的设备宽度。它使用Flexbox流式布局来实现页面布局，使用div来实现容器、行、列的布局。在Bootstrap中，首先布置一个容器div用来存放栅格，为div添加container类实现容器，为子元素添加row类实现行的布局，而列的布局使用col-*来实现。当类名为container-fluid时，默认占据的宽度为100%，占据整个页面。使用col-时，不设置的大小，会默认智能平分宽度，设置*的大小会按照比例分割页面空间。但是同一行中*的大小不能超过12，可以小于12，会存在空白；当超过12时，会将超过的部分放在下一行中。
《关于bootstrap的栅格布局》不代表本网站观点，如有侵权请联系我们删除