Un div peut-il avoir plusieurs classes (Twitter Bootstrap)

Question

Une balise div peut-elle avoir deux classes ?

J'utilise twitter bootstrap, et il y a deux classes prédéfinies que je voudrais utiliser.

L'un est un active que je voudrais utiliser sur une classe dropdown-toggle dans une barre de navigation.

Quelle est la meilleure façon d'aborder cette question dans le code HTML, sans remplacer le code CSS ?

Answer 1

Bien sûr, un div peut avoir autant de classes que vous le souhaitez (ceci concerne à la fois bootstrap et le HTML en général) :

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

Il suffit de séparer les classes par des espaces.

Aussi : Gardez à l'esprit que certaines classes bootstrap sont censées être utilisées pour les mêmes choses mais dans des cas différents (par exemple cours d'alignement vous pourriez vouloir quelque chose d'aligné à gauche et à droite. ou centre, mais il doit être seulement un d'entre eux) et vous ne devriez pas les utiliser ensemble, ou vous obtiendriez un résultat inattendu, en gros ce qui se passera c'est que la classe avec la plus haute spécificité sera celui qui sera appliqué (ou s'ils ont la même chose, ce sera celui qui a été défini en dernier dans le CSS). Il vaut donc mieux éviter de faire ce genre de choses :

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

Answer 2

Absolument, les divs peuvent avoir plus d'une classe et avec certains composants Bootstrap, vous devrez souvent avoir plusieurs classes pour qu'ils fonctionnent comme vous le souhaitez. L'application de plusieurs classes est bien sûr possible en dehors de Bootstrap. Il suffit de séparer chaque classe par un espace.

Exemple ci-dessous :

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

Answer 3

Séparez les classes par un espace.

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

démo : http://jsfiddle.net/wNfcg/

Answer 4

Je ne sais pas si votre question porte spécifiquement sur le bootstrap, c'est-à-dire si ces deux classes peuvent être utilisées ensemble ou si votre question est d'ordre général ?

Vous pouvez appliquer autant de classes que vous le souhaitez à un élément, il suffit de séparer les noms des classes par un espace.

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

Answer 5

Oui, div peut prendre autant de cours que nécessaire. Utilisez l'espace pour les séparer les unes des autres.

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