如何消除 Bootstrap 3 列中的額外填充？

如何在Bootstrap 3 中刪除填充

目前的問題涉及刪除col-md-* 列的左右填充Bootstrap 3. 提供的HTML程式碼包含兩個巢狀列，但結果包括兩側的額外間距

期望的輸出

目標是消除多餘的空間並使列彼此相鄰。

解

問題是因為使用 .col-md-12 作為父容器列。 .col-md-12 本質上是一列，而不是一行，因此繼承了自己的邊距和填充。要解決此問題，必須將列包裝在.row 類中，如下所示：

<div class="container">
    <div class="row">
        <h2></h2>
<p><strong>其他選項</strong></p>
<p>如果所需結果是消除所有邊距和填充，添加一個類別來覆蓋子列的這些樣式：</p>
<pre class="brush:php;toolbar:false">.nopadding {
padding: 0 !important;
margin: 0 !important;
}