ホームページ > ウェブフロントエンド > CSSチュートリアル > Bootstrap でガターを削除するにはどうすればよいですか?

Bootstrap でガターを削除するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-26 14:49:14
オリジナル
542 人が閲覧しました

How Do I Remove Gutters in Bootstrap?

Bootstrap での列のガターの削除

Bootstrap はパディングを利用して列の間にガターを作成します。ただし、場合によっては、手動調整に頼らずにこの間隔を削除した方がよい場合もあります。

Bootstrap 5 以降

Bootstrap バージョン 5 以降では、. no-gutters クラスは .g-0 に置き換えられました。行からガターを削除するには、このクラスを行に適用するだけです。

Bootstrap 4

Bootstrap 4 では、行要素に .no-gutters クラスが導入され、直接制御が可能になりました。オーバーガターの削除。

Bootstrap 3.4.0 および上記

Bootstrap 3.4.0 では、パディング変更を使用してガターを削除する .row-no-gutters クラスが導入されました。

Bootstrap 3 (<= 3.3.9)

Bootstrap バージョン 3 までの場合3.3.9 のカスタマイズには、マージンとパディングの両方を調整する .no-gutter などのクラスを使用した追加の CSS が必要です。

以上がBootstrap でガターを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート