使用Bootstrap是否意味着混合内容和布局?

时间:2018-05-16 14:17:42

标签: html css twitter-bootstrap

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

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

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

然而,Bootstrap似乎与此相反。

为Bootstrap编写代码需要在代码中添加许多类,其名称为col-12text-center

是的,这些是类名,但它们非常定义了布局;如果您使用这些类,那么就我所知,您将在HTML中定义您的布局。

鉴于此,我正在努力了解使用Bootstrap的优势是什么?这似乎是一个倒退。任何人都可以解释为什么Bootstrap以这种方式做事情? <div class='text-center'>与旧式<center>代码相比有什么优势?

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

这是Bootstrap所做的大部分问题;如果我改变主意关于一个元素居中或六列宽,或者其他什么,我必须在HTML中做出改变,据我所知,这首先打破了单独使用CSS的重点。

但Bootstrap似乎非常受欢迎且备受尊重,因此我正在寻找一个人出来向我展示我是如何完全忽略这一点的,以及使用它是多么好的做法。

1 个答案:

答案 0 :(得分:-1)

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