Can a div have multiple classes Twitter Bootstrap

Question

Can a div tag have two classes   I am using twitter bootstrap  and there are two predefined classes that I would like to use   One is an active class that I would like to use on a dropdown-toggle within a nav bar   What is the best way of approaching this in the html  with out overriding the css

User · Accepted Answer

Sure  a div can have as many classes as you want  this is both regarding to bootstrap and HTML in general     lt div class  active dropdown-toggle  gt  lt  div gt    Just separate the classes by space   Also  Keep in mind some bootstrap classes are supposed to be used for the same stuff but in different cases  for example alignment classes  you might want something aligned left  right or center  but it has to be only one of them  and you shouldn t use them together  or you d get an unexpected result  basically what will happen is that the class with the highest specificity will be the one applied  or if they have the same then it ll be the one that s defined last on the CSS   So you better avoid doing stuff like this    lt p class  text-center text-left  gt Some text lt  p gt

User · Answer

You can add as many classes to an element  but you can add only one id per element    lt div id  unique  class  class1 class2 class3 class4  gt  lt  div gt

User · Answer

Absolutely  divs can have more than one class and with some Bootstrap components you ll often need to have multiple classes for them to function as you want them to  Applying multiple classes of course is possible outside of bootstrap as well   All you have to do is separate each class with a space   Example below    lt label class  checkbox inline  gt      lt input type  checkbox  id  inlineCheckbox1  value  option1  gt  1  lt  label gt

User · Answer

I m not sure if you re asking specifically about bootstrap  i e   whether or not those two classes can be used together or if you re just asking in general   You can apply as many classes to an element as you want  just separate class names with a space   lt div class  active dropdown-toggle  gt  lt  div gt

User · Answer

A div can can hold more than one classes either using bootstrap or not     lt div class  active dropdown-toggle my-class  gt Multiple Classes lt  div gt  For applying multiple classes just separate the classes by space   Take a look at this links you will find many examples http   getbootstrap com css  http   css-tricks com un-bloat-css-by-using-multiple-classes

User · Answer

separate the classes with a space    lt button class  btn btn-success dropdown-toggle active  data-toggle  dropdown  gt Success  lt span class  caret  gt  lt  span gt  lt  button gt    demo  http   jsfiddle net wNfcg

User · Answer

Yes  div can take as many classes as you need  Use space to separate one from another     lt div class  active dropdown-toggle custom-class  gt Example of multiple classses lt  div gt

User · Answer

space is used to make multiple classes       lt div class  One Two Three  gt    lt  div gt

User · Answer

You can have multiple css class selectors   For e g     lt div class  col-md-4 a-class-name  gt   lt  div gt    but only a single id    lt div id    btn1 btn  gt    lt  -- this is wrong -- gt   lt  div gt

[html] Can a div have multiple classes (Twitter Bootstrap)

Examples related to html

Examples related to css

Examples related to twitter-bootstrap