我应该将bootstrap.css和bootstrap-responsive.css包括在一起吗?

时间:2012-07-12 15:26:29

标签: twitter-bootstrap twitter-bootstrap-2

我应该包含两个css文件还是一个足够?

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="all" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />

OR

<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />

3 个答案:

答案 0 :(得分:60)

Bootstrap 2

你应该包括两者,第一个定义html元素的所有样式,而第二个定义对布局的响应。

Bootstrap 3

只会包含一个css文件。

快乐的编码!

答案 1 :(得分:57)

两个文件都应包含在 Bootstrap 2 中。


但是 Bootstrap 3 只会包含一个css文件。

  

响应式CSS不再是独立的,所有响应式功能都是独立的   现在编译成核心bootstrap.css文件附近。单独的文件是   不再需要,并因此被删除

来源:https://github.com/twitter/bootstrap/pull/6342

编辑:如果你想包含bootstrap 3 css,你可以使用这个CDN版本:

<link rel="stylesheet" type="text/css" 
   href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/>

答案 2 :(得分:14)

您可以使用官方Twitter Bootstrap download helper来获得一个名为bootstrap.css的CSS文件(分别为bootstrap.min.css),其中包含以下CSS部分:

  • 脚手架
  • 基本CSS
  • 部件
  • JS Components
  • 响应