Bootstrap栅格系统简单实现代码

前端之家收集整理的这篇文章主要介绍了Bootstrap栅格系统简单实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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="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

猜你在找的Bootstrap相关文章