一个div可以有多个类(Twitter Bootstrap)

一个div标签可以有两个类?

我使用twitter bootstrap,并有两个预定义的类,我想要使用。

一个是我想在导航栏中使用dropdown-toggleactive类。

什么是在HTML中接近这个最好的方式,而不是覆盖CSS。

当然,一个div可以有你想要的类(这是关于引导和HTML一般):

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

只需按空格分开课程。

另外:请记住一些bootstrap类应该用于相同的东西,但在不同的情况下(例如alignment类 ,你可能想要的东西左alignment,右alignment中心,但它必须只有一个 ),你不应该一起使用它们,否则会得到意想不到的结果(将会发生的是,在CSS上定义的类将是应用的类)。 所以请记住,你应该避免做这样的事情:

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

当然,div可以有不止一个类,而且有一些Bootstrap组件,你通常需要有多个类来让它们按你的需要工作。 在自举之外也可以应用多个课程。 所有你需要做的是用空格分隔每个类。

示例如下:

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

用空格分开类。

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

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

我不知道你是否特别提出引导,也就是说,这两个类是否可以一起使用,或者你只是在问一般?

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

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

是的,div可以根据需要select多lessclass。 使用空间来分隔另一个。

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

一个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/

您可以添加尽可能多的类到一个元素,但是每个元素只能添加一个id。

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

你可以有多个CSS classselect器:

例如:

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

但只有一个id

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

空间被用来做多个类:

 <div class =“One Two Three”>

 </ DIV>