divに複数のクラスがありますか（Twitterのブートストラップ）

Question

divタグには2つのクラスがありますか？

私は、twitterブートストラップを使用しています。使用する予定のクラスは2つあります。

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

これをHTMLで近づける最善の方法は、CSSをオーバーライドすることです。あなたが望むよう

Answer 1

確かに、divが（これは両方のブートストラップおよび一般的なHTMLすることについてである）など、多くのクラスを持つことができます。

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

ちょうどスペースでクラスを分けます。

また：は（たとえばalignment classesのために、あなたが何かを揃え、左、右またはセンターを望むかもしれないいくつかのブートストラップクラスは同じもののためではなく、別の例で使用されることになっている点に注意してください、それがなければなりませんのうち1つだけ）、それらを一緒に使用しないでください。そうしないと、予期せぬ結果が発生します（cssで最後に定義されたクラスが適用されます）。ですから、このようなものをやって避けるべきである点に注意してください。

<p class="text-center text-left">Some text</p> 

Answer 2

私はそれらの2つのクラスが一緒に、またはあなたがしている場合に使用できるかどうか、つまり、あなたは、ブートストラップについて、具体的求めているのかはわかりません一般的に尋ねるだけですか？

あなたが好きなあなたが要素にできるだけ多くのクラスを適用することができ、スペースでちょうど別のクラス名

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

Answer 3

絶対に、div要素が複数のクラスがあり、多くの場合、必要がありますいくつかのブートストラップのコンポーネントを持つことができますあなたが望むように機能するために複数のクラスを持つこと。もちろん、ブートストラップの外でも複数のクラスを適用することは可能です。あなたは、各クラスをスペースで区切るだけでいいです。以下

例：

<label class="checkbox inline"> 
    <input type="checkbox" id="inlineCheckbox1" value="option1"> 1 
</label> 

Answer 4

空間でのクラスを分離します。

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

デモ：あなたが必要としてhttp://jsfiddle.net/wNfcg/

Answer 5

はい、divができるだけ多くのクラスを取ることができます。スペースを使用して、別のスペースを区切ります。

<div class="active dropdown-toggle custom-class">Example of multiple classses</div> 

Answer 6

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/

Answer 7

が見つけるリンクましょう：

 
<div class="One Two Three"> 

</div> 

Answer 8

をあなたはできるだけ多くのクラスを追加することができます要素に追加することはできますが、要素ごとにidを1つだけ追加できます。

<div id="unique" class="class1 class2 class3 class4"></div> 

Answer 9

あなたが複数のCSSにclassセレクタを持つことができます。

例えばについて：

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

だけ単一idを：

<div id = "btn1 btn"> <!-- this is wrong --> 
</div>