Bootstrap 3 列の余分なパディングを削除するにはどうすればよいですか?

Bootstrap 3 でパディングを削除する方法

現在の問題には、col-md-* 列の左右のパディングを削除することが含まれます。ブートストラップ 3. 提供された HTML コードには 2 つのネストされた列が含まれていますが、結果には列の側面に追加のスペースが含まれます。

必要な出力

目標は、余分なスペースを排除し、列を互いに隣り合って配置することです。

解決策

問題は、.col-md-12 を親コンテナとして使用することで発生します。柱。 .col-md-12 は本質的に行ではなく列であるため、独自のマージンとパディングを継承します。これを修正するには、以下に示すように、列を .row クラス内でラップすることが不可欠です。

<div class="container">
    <div class="row">
        <h2>

追加オプション

目的の結果が次の場合すべてのマージンとパディングを削除し、子列のこれらのスタイルを上書きするクラスを追加します:

.nopadding {
padding: 0 !important;
margin: 0 !important;
}

以上がBootstrap 3 列の余分なパディングを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。