Bootstrap栅格系统简单实现代码

作者：简简单单 2017-05-24

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

代码：

 

 代码如下 复制代码

Bootstrap 101 Template

 

 

 

A

B

C

 

 .col-xs-12 .col-md-8

 .col-xs-6 .col-md-4

 

 

 .col-md-4

 .col-md-4 .col-md-offset-4

 .col-md-3 .col-md-offset-3

 .col-md-3 .col-md-offset-3

 .col-md-6 .col-md-offset-3

 

 Level 1

 

  

  Level 2

  

  

  Level 2

  

 

 

.col-md-9 .col-md-push-3

.col-md-9 .col-md-pull-9

 

结果：

上一个：Dreamweaver CC 2017如何切换界面样式 下一个：Bootstrap导航简单实现代码

相关文章

精彩推荐