web-dev-qa-db-ja.com

bootstrap.cssとbootstrap-responsive.cssを一緒に含める必要がありますか?

2つのCSSファイルを含めるべきですか、それとも1つで十分ですか?

<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" />
42

ブートストラップ2

両方を含める必要があります。1つ目はhtml要素のすべてのスタイルを定義し、2つ目はレイアウトに応答性を追加します。

ブートストラップ

1つのcssファイルのみが含まれます。

ハッピーコーディング!

60
mattimatti

両方のファイルをBootstrap 2の時点で含める必要があります。


ただし、Bootstrap 3では、1つの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"/>
57
trante

公式の Twitter Bootstrapダウンロードヘルパー を使用して、bootstrap.css(またはbootstrap.min.css)という名前の1つのCSSファイルを作成できます。次のCSSパーツ:

  • 足場
  • ベースCSS
  • 構成部品
  • JSコンポーネント
  • その他
  • レスポンシブ
14
fsenart