Bootstrap 3嵌套问题

Question

我已经为此工作了大约 2 个小时，并且嵌套在 Bootstrap 3 中无法正常工作。我什至复制了 Pasta'd Bootstrap 3 的文档示例，但它们看起来仍然很奇怪。

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

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

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

有人可以帮我解决这个问题吗？

Answer 1

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

我建议为每个类添加一个唯一的类，并从偏移量类中删除 padding-left 并为另一个类删除 padding-right

希望这会有所帮助。

Answer 2

您能否澄清一下您所说的“不与顶部对齐”是什么意思？我想您指的是图表左侧和右侧的填充？

您不需要将这些项目嵌套在订单状态行中，但我建议使用

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

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

希望这会有所帮助！