gpt4 book ai didi

css - Bootstrap 3行偏移30px

转载 作者:行者123 更新时间:2023-11-28 11:26:18 25 4
gpt4 key购买 nike

我正在学习 boostrap 并正在将一个小网站(用于 angulare 模板的热毛巾)从 Bootstrap 2.x 与容器流体和行流体行转换为使用 Bootstrap 3 与容器和行(因为它们默认情况下是流体) .

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

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

我的问题是为什么,以及如何使我的行出现在正确的位置(它们位于一个容器中,该容器包含在我的主要内容区域的部分中)

最佳答案

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

您还需要确保已指定 viewport 元标记,否则媒体查询不会被正确拾取:

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

关于css - Bootstrap 3行偏移30px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21323332/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com