css - Bootstrap 3嵌套问题

Question

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

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

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

（这就是底部的两件事（都是 col-lg-6）与顶部不对齐的方式）。

有人可以帮我吗？

Answer 1

您能否澄清“与顶部不一致”的含义？我想您指的是图表左侧和右侧的填充？

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

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

希望这可以帮助。