bootstrap布局技巧
bootstrap栅栏布局实现原理？
bootstrap栅栏布局实现原理？
bootstrap栅栏布局实现的原理是最基本的格局原理，通过复合形态的系统文件墙，结合形成固定的架构，从而实现信息的复杂传输以及布局，实现高度保密性的连接。
行（row）必须放在.container（固定宽度）或.container-fluid（100%宽度）内，以便为其赋予合适的排列（aligment）和内补（padding）
通过“行（row）”在水平方向创建一组“列（col）”
你的内容应当放置在“列（col）”内，并且，只有“列（col）”可以作为行的直接子元素。
类似.row和.col-xs-4这种预定义的类，可以用来快速创建栅格系统布局。Bootstrap源码中定义的mixin也可以用来创建语义化的布局。
通过为“列（col）”设置padding属性，从而创建列与列之间的间隔。通过为.row元素设置负值margin从而抵消掉为.container元素设置的padding,也就间接为“行（row）”所包含的“列（col）”抵消掉了padding
负值的margin就是下面的示例为什么是 向外突出的原因。在栅格列中内容排成一行。
栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个.col-xs-4。
如果一“行（row）”中包含了的“列（col）”大于12，多余的“列（col）”所在的元素被作为一个整体另外一行排列。
深入学习Bootstrap表单？
全局样式1Bootstrap 中用到一些 HTML元素和CSS属性需要将页面设置为 HTML5 文档类型，即在页面顶部添加“
”2布局容器：Bootstrap 需要为页面内容和栅格系统包裹一个 .container或container-fluid（占据全部视口viewport的容器）容器。3栅格系统，Bootstrap 提供了一套最多12列的流式栅格系统，通过 .row表示行 和 .col-xs-4 这种表示宽度的列快速创建栅格布局。4Bootstrap 排版、链接样式设置了基本的全局样式。 font-size 设置为 14px，line-height 设置为 1.428。
（段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）。基础样式【排版】，1. 标题，可以用来.h1 到 .h6 类给内联属性的文本赋予标题样式，标题内通过