我正在学习boostrap并且正在使用容器流体和行液体行从Bootstrap 2.x转换一个小站点(angulare模板的hottowel)以使用带有容器和行的Bootstrap 3(因为它们默认是流体的)
我一直遇到这个问题,我的行中的所有内容都是左边几个像素。 (因此我的主要内容区域中的内容被左侧的侧边栏剪掉)。
在调试器中进行了一些挖掘之后,我发现这些行都是从bootstrap.min.css继承了-30px的余量。
我的问题是为什么,以及使我的行显示在正确的位置(它们位于包含在作为我主要内容区域的部分的容器中)的正确做法是什么
答案 0 :(得分:0)
缺少标记的示例,值得注意的是BS3 docs表示row-
元素的唯一“允许”子元素是col-
元素。如果您使用任何其他类或不应用col-
类,您的布局将被偏移(这可能是您所看到的)。
您还需要确保已指定viewport
元标记,否则媒体查询无法正常使用:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />