html - 使用 Bootstrap 是否意味着混合内容和布局？

Question

我对 CSS 的理解是，它存在的意义在于允许开发人员将内容与布局分开。

例如，html <center>标签已被弃用，取而代之的是使用像 <div> 这样的 html 元素，给它一个类，然后使用 CSS 将该类定义为居中。这意味着您可以更改页面的布局，而无需对 HTML 进行任何更改。

到目前为止一切顺利。我明白这一点。

但是，Bootstrap 似乎与此相反。

为 Bootstrap 编写代码涉及向您的代码中添加许多类，这些类的名称类似于 col-12或 text-center .

是的，这些是类名，但它们在很大程度上定义了布局；如果您使用这些类，那么据我所知，您是在 HTML 中定义布局。

鉴于此，我很难理解使用 Bootstrap 的优势是什么？这似乎是一种倒退。谁能解释为什么 Bootstrap 会这样做？ <div class='text-center'>有什么优势与旧式相比<center>标签？

[编辑]
假设我有一条错误消息，我想显示为红色。这并不意味着我应该给它一个类名 bold-red-text .我给它起一个类似 error-message 的类名，然后为 .error-message 编写 CSS将其样式设置为粗体和红色。然后，当我更改我的网站设计并决定以不同的字体或其他方式显示错误时，我可以只更改 CSS，而不是 HTML。

这就是我对 Bootstrap 所做的大部分工作的问题；如果我改变了对元素居中或六列宽的想法，或者其他什么，我必须在 HTML 中进行更改，据我所知，这首先破坏了拥有单独 CSS 的意义。

但 Bootstrap 似乎广受欢迎且备受推崇，所以我正在找人来告诉我我是如何完全忽略了要点，以及使用它实际上是一种很好的做法。

Answer 1

在<center>标记你不能添加任何其他 css。要添加 CSS，您必须创建另一个类。但是使用 <div class='text-center'> , 你仍然可以在类中添加 css text-center ， 如果你想。这提供了额外的控制。作为text-align:center默认情况下存在，因此您只需在该类中放置其余必要的 CSS。因此，这减少了 CSS 代码。