一个div可以有多个类(Twitter Bootstrap)
一个div标签可以有两个类?
我使用twitter bootstrap,并有两个预定义的类,我想要使用。
一个是我想在导航栏中使用dropdown-toggle
的active
类。
什么是在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 class
select器:
例如:
<div class="col-md-4 a-class-name"> </div>
但只有一个id
:
<div id = "btn1 btn"> <!-- this is wrong --> </div>
空间被用来做多个类:
<div class =“One Two Three”> </ DIV>