Bootstrap栅格系统简单实现代码

发布时间：2020-12-18 00:40:17 所属栏目：安全来源：网络整理

导读：Bootstrap栅格系统的简单介绍，供大家参考，具体内容如下栅格系统：总共分为12个，超过12个会自动换行，可嵌套，嵌套也不可超过12个，且不会超过父栏代码： Bootstrap 101 Template div class="container bg-primary" div class="row" div class="col-xs-1

Bootstrap栅格系统的简单介绍，供大家参考，具体内容如下

栅格系统：总共分为12个，超过12个会自动换行，可嵌套，嵌套也不可超过12个，且不会超过父栏

代码：

Bootstrap 101 Template div{ border:1px solid #cccccc;

}

<div class="container bg-primary">
<div class="row">
<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8

<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4

<div class="container">
<div class="row">
<div class="col-md-4">.col-md-4
<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4