twitter bootstrap应用类的良好实践

时间:2014-04-29 09:41:53

标签: html css html5 css3 twitter-bootstrap-3

我正在使用twitter bootstrap开展一个项目。

我想知道在同一个div或容器中使用我们的自定义类名和bootstrap类是不是一种坏习惯。

例如: -

<div class="container user-profile"> // is this bad practice?

</div> 

Should we create another div for class user-profile :-

<div class="container">
    <div class="user-profile">

    </div>
</div>

由于

1 个答案:

答案 0 :(得分:3)

不,你所指的不良做法是不良做法,特别是考虑到使用其他元素使DOM混乱。

向元素添加其他类更好,而不是添加每个新类的其他DOM元素

向元素添加其他类没有任何问题,这就是创建CSS以便工作的方式。但是,您需要注意像Bootstrap这样的框架依赖于它们的类来提供它们所提供的功能,因此通过添加您自己的类,您可以进行风险冲突(例如,覆盖其他方式依赖的Bootstrap样式)。

考虑到这一点,Bootstrap使用了相当有效的选择器,使你不太可能轻易地覆盖它的功能,但如果你遇到意想不到的副作用,请记住它。

DOM元素用于创建 目的 (保留内容),CSS用于创建 样式 ,因此,如果你想简单地添加风格,也不要添加目的!