如何使用bootstrap 3网格将元素放在列中

Question

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

我正在以％表示填充，但它仍在破碎。

我该怎么办？

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

Answer 1

您应该保持网格元素不变。在其中添加子项以添加填充。

<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>