Bootstrap 3行偏移30px

时间:2014-01-24 02:31:14

标签: css twitter-bootstrap

我正在学习boostrap并且正在使用容器流体和行液体行从Bootstrap 2.x转换一个小站点(angulare模板的hottowel)以使用带有容器和行的Bootstrap 3(因为它们默认是流体的)

我一直遇到这个问题,我的行中的所有内容都是左边几个像素。 (因此我的主要内容区域中的内容被左侧的侧边栏剪掉)。

在调试器中进行了一些挖掘之后,我发现这些行都是从bootstrap.min.css继承了-30px的余量。

我的问题是为什么,以及使我的行显示在正确的位置(它们位于包含在作为我主要内容区域的部分的容器中)的正确做法是什么

1 个答案:

答案 0 :(得分:0)

缺少标记的示例,值得注意的是BS3 docs表示row-元素的唯一“允许”子元素是col-元素。如果您使用任何其他类或不应用col-类,您的布局将被偏移(这可能是您所看到的)。

您还需要确保已指定viewport元标记,否则媒体查询无法正常使用:

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