【问题标题】:bootstrap 3 - one row is spacing the content from the element of other rowbootstrap 3 - 一行将内容与另一行的元素隔开
【发布时间】:2017-07-11 23:36:27
【问题描述】:

在开发仪表板的 html 时,我遇到了以下情况:

仪表板有一个标题,其中包含一些内容,如标题和带有编辑和注销按钮的用户名。

接下来它有垂直的侧边菜单和要显示的内容,我的问题是菜单与浏览器的边缘隔开,我检查了自定义边距,但我没有,所以太奇怪了。

我在这里发布带有代码的 jsfiddle,感谢任何帮助。

[The Code][1]


  [1]: https://jsfiddle.net/sumxocp6/

【问题讨论】:

  • 欢迎来到 Stack Overflow!寻求调试帮助的问题必须在问题本身中包含重现它所需的最短代码。 注意 - 请不要滥用代码块来绕过此要求。。跨度>

标签: html css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

Bootstrap 中网格行的正确语法是 .row 而不是 .row-fluid。如果您更改代码以反映正确的语法,则网格间距会按预期在 Bootstrap 中发挥作用。

【讨论】:

  • 我使用的是 .container > .row > /col-* 但我尝试使用 *-fluid 来验证它是否解决了问题,但没有解决方案
  • 你可能希望更新你的小提琴,它仍然使用.row-fluid而不是.row。我相信.row-fluid 是 v2.x 中的有效语法
猜你喜欢
  • 2020-08-30
  • 1970-01-01
  • 2014-05-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-22
  • 2013-10-26
  • 2021-04-29
相关资源
最近更新 更多