「行」クラスを変更せずにTwitterブートストラップの行に上マージンを追加するにはどうすればよいですか?

Twitter Bootstrap の行に上マージンを追加する

Twitter Bootstrap フレームワークは、レスポンシブなレイアウトを作成する便利な方法を提供します。ただし、行要素に上マージンを追加する必要がある場合があります。既存の「行」クラスを変更することは誘惑的ですが、フレームワークのコア スタイルとの競合につながる可能性があるため、お勧めできません。

解決策:

変更する代わりに「row」クラスに必要なマージンを追加する「top-buffer」という新しいクラスを作成します。その方法は次のとおりです。

1. CSS ファイルに次のコードを追加します。

<code class="css">.top-buffer { margin-top: 20px; }</code>

2. 「top-buffer」クラスを上マージンを追加する行要素:

<code class="html"><div class="row top-buffer">
    ...
</div></code>

別のクラスを作成すると、他の状況での「行」クラスのデフォルトの動作を維持しながら、特定の行をターゲットにすることができます。このアプローチでは、ブートストラップ フレームワークの整合性を維持しながら、必要に応じてレイアウトをカスタマイズできます。

以上が「行」クラスを変更せずにTwitterブートストラップの行に上マージンを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。