div可以有多个类(Twitter Bootstrap)

Question

div标签有两个类吗？

我正在使用twitter bootstrap,我想使用两个预定义的类.

一个是active我想dropdown-toggle在导航栏中使用的类.

什么是在html中处理这个问题的最好方法,而不是重写css.

Answer 1

当然,div可以拥有你想要的任意数量的类(这一般都与bootstrap和HTML有关):

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

只需按空格分隔类.

另外:请记住一些自举类都应该被用于相同的东西,但在不同的情况下(例如校准类,你可能想要的东西,左对齐,右或中心,但它必须是只有一个人),你不应该同时使用它们,否则你会得到一个意想不到的结果,基本上会发生什么是最高的类特异性将是一个应用(或者,如果他们有相同,则这将是已定义的最后一个在CSS上).所以请记住,你应该避免做这样的事情:

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

Answer 2

当然,div可以有多个类,并且有一些Bootstrap组件,你经常需要有多个类来让它们按你所希望的那样运行.在bootstrap之外也可以应用多个课程.您所要做的就是用空格分隔每个班级.

示例如下:

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

Answer 3

用空格分隔类.

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

演示:http://jsfiddle.net/wNfcg/

Answer 4

我不确定你是否专门询问引导程序,即这两个类是否可以一起使用,或者你是否只是在询问一般情况？

您可以根据需要将多个类应用于元素,只需使用空格分隔类名

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

Answer 5

是的,div可以根据需要选择多个课程.使用空间将彼此分开.

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

Answer 6

您可以向元素添加任意数量的类,但每个元素只能添加一个ID.

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