Bootstrap 3嵌套问题

Question

我一直在研究这个问题大约2个小时，然后在Bootstrap 3中加入了一些工作。我甚至复制了面食Bootstrap 3的文档示例，但它们看起来仍然很奇怪。

我的问题是，当我执行嵌套网格时总是有边距/填充。看看这个：

http://jliu.me/grill/admin.html

（这是底部的两个东西（两个col-lg-6）都没有与顶部对齐）。

有人可以帮我吗？

Answer 1

你能澄清你的意思吗？与顶级＆＃39;不一致？我认为你指的是图表左侧和右侧的填充？

您不需要在订单状态行中嵌套这些商品，而是建议您使用

row
  col-lg-10 col-offset-1
    [first row here]
  /div
/div
row
  col-lg-5 col-offset-1
    [second row first chart here]
  /div
  col-lg-5
    [second row first chart here]
  /div
/div

使用这种方法，图表的外侧应与订单状态的外侧对齐。行。

希望这有帮助！

Answer 2

.col-lg-5 { padding-right: 0; }
.col-lg-5.col-offset-1 { padding-left: 0; }

我建议为每个添加一个唯一的类，并删除padding-left形式的偏移量和padding-right用于另一个

希望这有帮助。