【问题标题】:Bootstrap Margin or Padding on right side of all pages in my site我网站中所有页面右侧的引导边距或填充
【发布时间】:2015-05-20 05:15:24
【问题描述】:

我正在使用引导程序,但无法弄清楚为什么我的页面底部有滚动条。右侧有边距或填充,但我不知道为什么。
http://www.briannaprotesto.com/FreeStyle/index.html

【问题讨论】:

  • 请注意,请尝试在 Bootply 或 JSFiddle 上重新创建问题。指向实时网站的链接有点难以调试,并且会关闭许多用户的问题。

标签: twitter-bootstrap margin padding


【解决方案1】:

发生这种情况是因为您有一个 row 作为另一个 row 的直系子代。使用另一个container-fluidcol-xs-12 包裹内部row

【讨论】:

  • 我做了我认为你告诉我做的事情,在我的索引页面上添加了 container-fluid briannaprotesto.com/FreeStyle/index.html,但它仍然无法正常工作。我误会了吗?
  • 但是现在您在一个部分中有一个 row,而不是在一个 container-fluid.. 在这里阅读文档:getbootstrap.com/css/#grid
  • 感谢您的帮助!我意识到我的代码非常杂乱无章。
【解决方案2】:

使用 Chrome 开发工具,您可以轻松检测元素。

  1. 点击F12
  2. 点击镜头
  3. 将鼠标悬停在每个元素上

在您的情况下:嵌入的 YouTube 视频(默认情况下)有 15 px 的边距。

(你可以看到绿色的边距)

http://i.stack.imgur.com/cLySk.png

快乐编码

克劳迪奥

【讨论】:

  • 嗨!谢谢,我确实看到了,但我不知道在我的 css 中定位什么来修复它
【解决方案3】:

我不知道您是否对 HTML atm 进行了任何更改,但很明显您没有正确打开和关闭容器、行和列。

每一行和每一列都必须包裹在容器或容器流体 div 中。 一切都必须正确关闭。 为获得最佳实践,请尝试让每行最多包含 12 个网格列。 如果您想添加额外的列,请关闭您的行标签,然后打开一个新的行标签并继续。 除非您出于布局/样式目的这样做。

如果你还没有解决这个问题,我会在下班后尝试为你制作一个 bootply 模型。

【讨论】:

  • 谢谢!!我之前评论过是偶然的。我会尝试解决这个问题,但如果我做不到,如果你能做到这一点,那就太棒了,我现在很困惑
  • 感谢您的帮助!我意识到我的代码非常杂乱无章。
  • 如果您在布局方面需要任何帮助,请尽管询问。尝试更准确并提供代码示例。我已经看到您进行了更改,现在布局没有撕裂。然而,你仍然需要一些模组。与网络检查员一起检查。最后,为了额外的知识,容器 div 不能嵌套。所以你不能把一个 cont,cont-fluid div 放在另一个里面。如果需要,您首先关闭一个并启动一个新的。阅读下面建议的引导修改。如果您有任何疑问,请在此处再次询问。对所有帮助过你的人给予任何积极的评价:P 谢谢 :)
【解决方案4】:

不,您必须在最后一行周围添加一个容器流体类

<div class="container-fluid">
   <div class="row">
      ... Your Free Style content
   </div>
</div>

【讨论】:

    猜你喜欢
    • 2015-10-28
    • 1970-01-01
    • 1970-01-01
    • 2019-12-23
    • 2015-08-06
    • 1970-01-01
    • 2023-03-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多