Question

div标签可以有两个类吗？

我正在使用twitter bootstrap，我想使用两个预定义的类。

我希望在导航栏中的active上使用一个dropdown-toggle课程。

在html中处理此问题的最佳方法是什么，而不是覆盖css。

Answer 1

当然，一个div可以拥有你想要的任意数量的类（这通常都与bootstrap和HTML有关）：

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

只需按空格分隔类。

另外：请记住，一些bootstrap类应该用于相同的东西，但在不同的情况下（例如alignment classes，你可能想要左对齐的东西，右或中心，但它必须只有一个，并且你不应该一起使用它们，否则你会得到意想不到的结果，基本上会发生的是具有最高specificity的类将是应用的类（或者如果它们具有相同的那么它将是最后在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>

Answer 7

div可以使用bootstrap或不使用

来保存多个类

<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 8

您可以拥有多个css class选择器：

例如：

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

但只有一个id：

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

Answer 9

space用于创建多个类：

<div class="One Two Three">

</div>

div可以有多个类（Twitter Bootstrap）

9 个答案: