css - Bootstrap "class=text-center"与 CSS "text-align: center"

Question

我们可能会停止使用 Bootstrap 框架，所以我想知道是否替换 class="text-center"使用 vanilla CSS 会改变任何事情。之间的行为是否有任何差异

<!--Bootstrap files already included-->
<header>
    <p class="text-center">Some text</p>
</header>

和

<header>
    <p>Some text</p>
</header>

...

/*Separate style.css file*/
header p {
    text-align: center;
}

?

Answer 1

OP 的问题似乎在首次发布后已被编辑。它本质上是问:Bootstrap 是否对类 .text-center 的元素做任何额外的处理。 , 除了 text-align: center; .我也有这个疑问，答案是否定的。我认为通过查看 Bootstrap 的源代码可以更好地回答这个问题:

.text-center {
  text-align: center !important; }

显然，Bootstrap 所做的只是应用一个 CSS 规则: text-align: center !important;到这样的元素。所以是的，它们可以被认为是等效的。