引导栅格系统的简单介绍,供大家参考,具体内容如下
栅格系统:总共分为12个,超过12个会自动换行,可嵌套,嵌套也不可超过12个,且不会超过父栏
代码:
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt;元http-equiv=癤-UA-Compatible”内容=癐E-edge”比;
& lt;元name=笆哟啊蹦谌?翱矶?设备宽度,初始=1”比;
& lt; title>引导101 Template
& lt;链接的href=" http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css " rel=把奖怼北?
& lt;链接的href=" http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css " rel=把奖怼北?
& lt; style>
div {
边界:1 px固体# cccccc;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; !——栅格系统——比;
& lt; div类="容器"比;
& lt; div类="行"比;
& lt; div class=" bg-primary col-sm-9”祝辞A
& lt; div class=" bg-success col-sm-2”祝辞B
& lt; div class=" bg-info col-sm-1”祝辞C
& lt;/div>
& lt;/div>
& lt; !——中等屏幕与超小屏幕的处理——比;
& lt; div类=叭萜鱞g-primary”比;
& lt; div类="行"比;
& lt; div class=" col-xs-12 col-md-8”祝辞。col-xs-12 .col-md-8
