Bootstrap栅格系统的简单介绍,供大家参考,具体内容如下
栅格系统:总共分为12个,超过12个会自动换行,可嵌套,嵌套也不可超过12个,且不会超过父栏
代码:
<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE-edge">
<Meta name="viewport" content="width=device-width,initial-scale=1">
Bootstrap 101 Template
div{
border:1px solid #cccccc;
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4
}
<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