引导3行是通过30PX

我学习的自举和我从引导2.X转换一个小站点（hottowel为angulare模板）集装箱液和排液行使用引导3集装箱和行（偏移因为它们默认是流体）。引导3行是通过30PX

我一直运行到这个问题，所有在我行的内容是几个像素太远左侧。（所以我的主要内容区域中的内容由左侧的边栏剪辑）。

在调试器中一些挖后，我发现，各行均继承自bootstrap.min.css一个-30px保证金。

我的问题是为什么，是什么做的，使我行出现在正确的位置（它们是包含在一个部分的容器是我的主要内容区）

2014-01-24 JMarsch

缺乏正确的事您的标记的一个例子，这是值得注意的是，BS3 docs状态，一个row-元素的唯一“允许”孩子是col-元素。如果您使用任何其他课程或不应用col-课程，您的布局将被抵消（这可能是您所看到的）。

您还需要确保您所指定的viewport meta标签，或媒体查询不得到正确回升：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

来源

2014-01-24 02:45:14

我看到的文档。我对bootstrap很陌生，所以也许我不明白。我连续没有任何东西没有应用class =“col-sm-x”类。看起来这就是这些例子正在做的事情。那么我必须将所有东西都包装在div中吗？（如在第1栏的标签必须在一个div，然后在COL2文本框必须是在一个不同的div？） – JMarsch

@JMarsch'xs'，'sm'，'md'和'lg'所有目标不同视宽度，并使用不同的“排水沟”。 'sm'是视口小于'750px'宽：http://getbootstrap.com/css/#grid-options - 如果你的目标桌面浏览器，添加（** **不替换）'山坳之一-md-'或'col-lg-'列。你不必在div中包含所有内容，但是具有'row'类的元素的** immediate **子元素必须具有'col-'类。 –

@JMarsch这个想法是，你可以在一个元素上使用'class =“col-xm-6 col-md-4”''，这会使它占用较小设备的一半屏幕，但只有1/3屏幕在更大的设备上。您不必在每个断点处使用相同的列定义。 –

引导3行是通过30PX

回答

相关问题