一个 div 标签可以有两个类吗？
我正在使用 twitter 引导程序，并且有两个我想使用的预定义类。
一个是active我想dropdown-toggle在导航栏中使用的类。
在不覆盖 css 的情况下，在 html 中处理此问题的最佳方法是什么？
问问题
316066 次
9 回答
148
当然，一个 div 可以有任意多的类（这通常与引导程序和 HTML 有关）：
<div class="active dropdown-toggle"></div>
只需按空格分隔类即可。
另外：请记住，一些引导类应该用于相同的东西，但在不同的情况下（例如对齐类，您可能想要左对齐、右对齐或居中对齐的东西，但它必须只是其中之一）并且您不应该一起使用它们，否则你会得到一个意想不到的结果，基本上会发生的是具有最高特异性的类将是应用的类（或者如果它们具有相同的那么它将是最后定义的类在 CSS 上）。所以你最好避免做这样的事情：
<p class="text-center text-left">Some text</p>
于 2013-02-14T21:40:31.340 回答
12
当然，div 可以有多个类，并且对于一些 Bootstrap 组件，您通常需要有多个类才能让它们按您希望的方式运行。当然，在引导程序之外也可以应用多个类。您所要做的就是用空格分隔每个班级。
下面的例子：
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
于 2013-02-14T21:42:13.107 回答
9
您可以向一个元素添加尽可能多的类，但每个元素只能添加一个 id。
<div id="unique" class="class1 class2 class3 class4"></div>
于 2014-06-17T01:04:20.117 回答
6
用空格分隔类。
<button class="btn btn-success dropdown-toggle active" data-toggle="dropdown">Success <span class="caret"></span></button>
演示：http: //jsfiddle.net/wNfcg/
于 2013-02-14T21:42:55.653 回答
5
我不确定您是否专门询问引导程序，即这两个类是否可以一起使用，或者您是否只是一般性地询问？
您可以根据需要将任意数量的类应用于元素，只需用空格分隔类名
<div class="active dropdown-toggle"></div>
于 2013-02-14T21:41:47.267 回答
5
是的，div 可以根据需要选择任意数量的课程。使用空间将一个与另一个分开。
<div class="active dropdown-toggle custom-class">Example of multiple classses</div>
于 2013-06-10T20:20:35.320 回答
4
一个 div 可以使用引导程序或不使用引导程序来容纳多个类
<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/
于 2014-03-30T09:37:25.967 回答
4
您可以有多个 cssclass选择器：
例如：
<div class="col-md-4 a-class-name">
</div>
但只有一个id：
<div id = "btn1 btn"> <!-- this is wrong -->
</div>
于 2015-07-22T04:21:41.660 回答
0
空间用于制作多个类：
<div class="一二三"> </div>
于 2014-06-17T00:55:01.623 回答