css - 如何使用 bootstrap3 网格将元素放置在列中

Question

我正在使用 bootstrap 来制作响应式网站，但是当我为元素提供填充以在特定列中调整它们时，它会破坏其他设备。

我以 % 为单位提供填充，但它仍会中断。

我该怎么办？

在特定列中调整元素的最佳方式是什么？

Answer 1

您应该保持网格元素完好无损。在其中添加 child 以添加填充。

<div class="row">
  <div class="col-md-8">
    <div class="element-with-padding"></div>
  </div>
  <div class="col-md-4">
    <div class="element-with-padding"></div>
  </div>
</div>