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

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

問題:

Bootstrap 3 では、列に過剰なパディングまたはマージンがあります。 Col-md-* クラスの右側と左側。目標は、この余分なスペースを削除することです。

HTML コード:

<div class="col-md-12">
    <h2>OntoExplorer.<span>

必要な出力:

Col-md-* を無効にせずに、2 つの列の両側に追加のパディングまたはマージンを追加します。 class.

解決策:

通常、列をラップするには .col-md-12 の代わりに .row が使用されます。 .Row には、.col-md-12 のような追加のマージンやパディングがなく、負の左右のマージンによって列に発生するスペースも排除されます。

更新された HTML コード:

<div class="container">
    <div class="row">
        <h2>OntoExplorer.<span>

カスタムCSS:

パディングまたはマージンを完全に削除するには、.nopadding と呼ばれるカスタム CSS クラスを追加して、次のプロパティを削除できます:

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

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