虽然将纯 CSS 样式与 Bootstrap 类混合使用不会造成任何问题,但不是一个好的实践方式。这种混合样式可能比单纯使用样式表更难以维护。更好的实践是在样式表中定义所有的样式,并使用 Bootstrap 类对特定元素进行修饰。
以下是一个例子,其中一个纯 CSS 样式和一个 Bootstrap 类被混合使用:
Hello world!
This is some text.
在上面的例子中,纯 CSS 样式指定了标题的字体大小和颜色。Bootstrap 类 .container
被用于在内容周围创建边距和最大宽度。我们还使用了一个 text-muted
类来将段落文本设置为灰色。这种混合使用样式的方式虽然可以工作,但通过在样式表中定义所有样式并使用 Bootstrap 类来修饰元素可以使代码更易于维护和理解。