Bootstrap 3 の列からパディングとマージンを削除するにはどうすればよいですか?

Bootstrap 3 の列からパディングを削除する方法

Bootstrap 3 では、col-md-* クラスを使用して右側にパディングとマージンを追加しますそして列の左側。このパディングとマージンを削除するには、次の手順に従います。

.col-md-12 の代わりに .row を使用します

列を .col-md-12 の代わりに .row コンテナーで囲みます。 .col-md-12 コンテナ。 .row には、.col-md-12 にあるような余分なマージンとパディングがありません。

<div class="container">
    <div class="row">
        <div class="col-md-4">...</div>
        <div class="col-md-8">...</div>
    </div>
</div>

パディングとマージンを削除するカスタム クラスを追加します

場合特定の列のみパディングとマージンを削除したい場合は、それらの列にカスタム クラスを追加します。

<div class="container">
    <div class="row">
        <div class="col-md-4 nopadding">...</div>
        <div class="col-md-8 nopadding">...</div>
    </div>
</div>

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

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