html - twitter bootstrap 应用类的良好实践

Question

我正在使用 Twitter bootstrap 进行一个元素。

我想知道在同一个 div 或容器中使用我们的自定义类名和引导类是否是一种不好的做法。

例如:-

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

谢谢

Answer 1

不，您所指的不良做法不是不良做法，尤其是考虑到 DOM 被其他元素弄得一团糟。

向元素添加额外的类比添加额外的 DOM 元素每个元素都有一个新类更好

向元素添加额外的类并没有错，这就是 CSS 的创建方式。但是，您需要注意，像 Bootstrap 这样的框架依赖于它们提供的功能的类，因此通过添加您自己的类，您可能会冒样式冲突的风险(例如，覆盖 Bootstrap 原本依赖的样式)。

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

DOM 元素用于创建目的(保存内容)，CSS 用于创建样式，因此，如果您只想添加样式，请不要同时添加用途!