92

div タグに 2 つのクラスを含めることはできますか?

私は twitter ブートストラップを使用しています。使用したい定義済みのクラスが 2 つあります。

1 つは、ナビゲーション バー内でactive使用したいクラスです。dropdown-toggle

css をオーバーライドせずに、html でこれにアプローチする最良の方法は何ですか。

4

9 に答える 9

148

確かに、divは必要な数のクラスを持つことができます（これは一般的にブートストラップとHTMLの両方に関するものです）：

<div class="active dropdown-toggle"></div>

クラスをスペースで区切るだけです。

また、一部のブートストラップクラスは同じものに使用されることになっていますが、場合によっては異なる場合があります（たとえば、配置クラスでは、左、右、または中央に配置する必要がありますが、そのうちの1つだけである必要があります）。それらを一緒に使用しないでください。そうしないと、予期しない結果が発生します。基本的に、最も特異性の高いクラスが適用されたクラスになります（または、同じクラスの場合は、最後に定義されたクラスになります）。 CSS上）。したがって、次のようなことは避けたほうがよいでしょう。

<p class="text-center text-left">Some text</p>
于 2013-02-14T21:40:31.340 に答える
12

もちろん、div は複数のクラスを持つことができ、一部の Bootstrap コンポーネントでは、必要に応じて機能させるために複数のクラスが必要になることがよくあります。もちろん、ブートストラップ以外でも複数のクラスを適用できます。各クラスをスペースで区切るだけです。

以下の例:

<label class="checkbox inline">
   <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
于 2013-02-14T21:42:13.107 に答える
6

クラスをスペースで区切ります。

<button class="btn btn-success dropdown-toggle active" data-toggle="dropdown">Success <span class="caret"></span></button>

デモ: http://jsfiddle.net/wNfcg/

于 2013-02-14T21:42:55.653 に答える
5

ブートストラップについて具体的に質問しているのか、つまり、これらの 2 つのクラスを一緒に使用できるかどうか、それとも一般的な質問をしているだけなのかわかりません。

クラス名をスペースで区切るだけで、必要な数のクラスを要素に適用できます

<div class="active dropdown-toggle"></div>
于 2013-02-14T21:41:47.267 に答える
4

div は、ブートストラップを使用するかどうかに関係なく、複数のクラスを保持できます

<div class="active dropdown-toggle my-class">Multiple Classes</div>
複数のクラスを適用するには、クラスをスペースで区切ってください。

このリンクを見てください。多くの例があり
ます http://getbootstrap.com/css/
http://css-tricks.com/un-bloat-css-by-using-multiple-classes/

于 2014-03-30T09:37:25.967 に答える
4

複数の CSSclassセレクターを使用できます。

例：

<div class="col-md-4 a-class-name">
</div>

ただし、単一のid:

<div id = "btn1 btn">  <!-- this is wrong -->
</div>
于 2015-07-22T04:21:41.660 に答える
0

スペースは、複数のクラスを作成するために使用されます。 

<div class="ワン ツー スリー">

</div>
于 2014-06-17T00:55:01.623 に答える