bootstrap和css之间的区别

时间:2016-04-09 17:39:04

标签: html css

Bootstrap和CSS有什么区别?我在stackoverflow中读到的问题是,如果你想要响应式网站,而且,你是Styling的新手使用bootstrap! ? Bootstrap是适合初学者的吗?

3 个答案:

答案 0 :(得分:12)

Bootstrap本质上是一个前端框架,可以更轻松地设计网页和一般开发。 Bootstrap使用CSS,但它与编写自己的CSS不同,因为它只是预先完成,因此您只需将一个类添加到HTML元素,然后它将使用该CSS。因此,例如,添加“img-responsive”类将使用外部Bootstrap CSS文件中的预制img-responsive类。

Bootstrap非常棒,因为它可以让您轻松轻松地创建响应迅速,跨浏览器兼容的网站。例如,如果没有Bootstrap使站点响应,则需要使用Media Queries等,而使用Bootstrap,您可以只提供div类名称以使其响应。

基本上Bootstrap使用CSS。但它与编写自己的CSS不同,因为它是为您预先制作的,您只需要导入Bootstrap上的人员制作的外部CSS文件,您只需知道要使用哪些类等。

答案 1 :(得分:2)

Bootstrap是"框架",即:预先构建的文件集。这些文件中包含CSS。 Bootstrap使用广泛的CSS类来设置网站样式。

你可以在不了解CSS的情况下使用Bootstrap,但如果你是初学者,你应该学习HTML& CSS首先。

W3Schools是开始学习HTML和HTML的绝佳资源。 CSS

答案 2 :(得分:0)

Bootstrap是一个免费的开源前端框架(库),用于设计网站和Web应用程序。

其他答案很好。此外,还有一些关键细节:

  1. 2018年发布的Bootstrap 4,是对Bootstrap 3的主要重写
  2. Bootstrap 4不适用于较旧的浏览器(IE8,IE9),有些对此有所担心,如果您有同样的担忧,请学习较旧的Bootstrap 3

快速浏览一下,与CSS3相比,Bootstrap 4似乎具有陡峭的学习曲线。需要一个用于小型项目的网格,以便于简化和学习CSS3基础(如其他答案所指出),因此选择CSS3而不是引导程序。 (CSS3网格,看起来很简单,示例:link1link2link3link4link5。详细描述为here