Un div può avere più classi (Twitter Bootstrap)

Question

Un tag div può avere due classi?

Sto usando twitter bootstrap e ci sono due classi predefinite che vorrei utilizzare.

Uno è una classe active che vorrei utilizzare su un dropdown-toggle all'interno di una barra di navigazione.

Qual è il modo migliore per approcciare questo in html, senza sovrascrivere il css.

Answer 1

Certo, un div può avere come molte classi come si desidera (questo è sia per quanto riguarda il bootstrap e HTML in generale):

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

Basta separare le classi dallo spazio.

anche: Tenete a mente alcune classi bootstrap dovrebbero essere utilizzati per le stesse cose, ma in diversi casi (ad esempio alignment classes, si potrebbe desiderare qualcosa di allineato a sinistra, a destra o centro, ma deve essere di un solo di essi) e non dovresti usarli insieme, altrimenti otterrai un risultato inaspettato (ciò che accadrà è che la classe che è stata definita per ultima sul css sarà quella applicata). Quindi, tenere a mente che si dovrebbe evitare di fare cose come questa:

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

Answer 2

Non sono sicuro se stai chiedendo specificamente di bootstrap, vale a dire, anche queste due classi possono essere utilizzati insieme o se siete solo chiedendo in generale?

È possibile applicare tutte le classi ad un elemento come si vuole, i nomi delle classi appena separate con uno spazio

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

Answer 3

Assolutamente, div possono avere più di una classe e con alcuni componenti Bootstrap spesso si ha bisogno avere più classi per farle funzionare come vuoi tu. L'applicazione di più lezioni ovviamente è possibile anche al di fuori del bootstrap. Tutto quello che devi fare è separare ogni classe con uno spazio.

Esempio sotto:

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

Answer 4

separare le classi con uno spazio.

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

demo: http://jsfiddle.net/wNfcg/

Answer 5

Sì, div può prendere come molte classi di cui hai bisogno. Usa lo spazio per separarne uno da un altro.

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

Answer 6

Un div può può contenere più di classi sia usando bootstrap o meno

<div class="active dropdown-toggle my-class">Multiple Classes</div>
Per l'applicazione di più classi solo separare le classi dallo spazio.

Date un'occhiata a questo link potrete trovare molti esempi
http://getbootstrap.com/css/
http://css-tricks.com/un-bloat-css-by-using-multiple-classes/

Answer 7

spazio è usato per fare più classi:

 
<div class="One Two Three"> 

</div> 

Answer 8

È possibile aggiungere il numero di classi a un elemento, ma puoi aggiungere solo un id per elemento.

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

Answer 9

È possibile avere più css class selettori:

Per es .:

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

ma solo un unico id:

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