主要介绍了bootstrap可视化布局入门教程的相关资料，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧

相关阅读： BootStrap入门教程(一)之可视化布局 BootStrap入门教程(二)之固定的内置样式 Bootstrap网格系统（Grid System） 　　响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。 工作原理 　　· 行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）。 　　· 使用行来创建列的水平组。 　　· 内容应该放置在列内，且唯有列可以是行的直接子元素。

下载地址：http://v3.bootcss.com/getting-started/#download HTML模板： Bootstrap 模板 <link href=http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css

相关阅读： BootStrap入门教程(一)之可视化布局 HTML5文档类型（Doctype） Bootstrap使用了一些HTML5元素和CSS属性，所以需要使用HTML5文档类型。 .... 移动设备优先  　　宽度设置为device-width可以确保它能正确呈现在不同设备上。 　initial-scale=1.0确保网页加载时，以1:1的比例呈现。 　　可以为viewpor