bootstrap 3-三栏简介布局

本文主要是介绍bootstrap 3-三栏简介布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

三栏布局

1、栅格系统布局

一个典型的栅格系统布局

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

效果如下:

a)行（row）必须包含在.container(固定宽度)或.container-fluid(100%宽度)中

b)使用.col-md-*栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的，在桌面（>970px）屏幕设备上变成水平排列。

例子如下：

图片随意，根据自己的需求来就行

<div class="container" id="summary-conta

这篇关于bootstrap 3-三栏简介布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---