ブートストラップ - 基本テンプレートからより高度な例へ

Question

私はこれが重大であるかもしれないと思っていますが、他にどのようにそれを求めているのか、それをどこに指示するのか分かりません。私は新しいウェブ開発者であり、さまざまなツールを作るためにCSSとHTMLを最初から構築することに慣れています。 Bootstrapのようなフレームワークに移行して、よりプロフェッショナルなものにしたいと思っていましたが、私は実際にそれをどのように使用するかを理解するのに苦労しています。

私は、ブートストラップが提供するファイル構造と、それが私のWebサーバーにあるべき場所を理解するのに苦労しています。基本的なミニダウンロードは、css、fonts、jsのフォルダで構成されています。しかし、ジャンボトロンなどの例では、

<!-- Bootstrap core CSS --> 
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> 

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
<link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> 

<!-- Custom styles for this template --> 
<link href="jumbotron.css" rel="stylesheet"> 

<!-- Just for debugging purposes. Don't actually copy these 2 lines! --> 
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> 
<script src="../../assets/js/ie-emulation-modes-warning.js"></script> 

などのファイルを参照していますが、これらのファイルがどこに存在するはずです。これらのhrefリンクのそれぞれを変更する必要がありますか？ファイル構造はどのように見えますか？

ありがとうございました。

Answer 1

最新のブートストラップgetting started guideを見ると、フォルダ構造を理解できるようになります。

ブートストラップでは、さまざまなタイプのファイルを別々のフォルダに分けています。

bootstrap/ 
     ├── css/ 
     │ ├── bootstrap.css 
     │ ├── bootstrap.css.map 
     │ ├── bootstrap.min.css 
     │ ├── bootstrap.min.css.map 
     │ ├── bootstrap-theme.css 
     │ ├── bootstrap-theme.css.map 
     │ ├── bootstrap-theme.min.css 
     │ └── bootstrap-theme.min.css.map 
     ├── js/ 
     │ ├── bootstrap.js 
     │ └── bootstrap.min.js 
     └── fonts/ 
     ├── glyphicons-halflings-regular.eot 
     ├── glyphicons-halflings-regular.svg 
     ├── glyphicons-halflings-regular.ttf 
     ├── glyphicons-halflings-regular.woff 
     └── glyphicons-halflings-regular.woff2 

ブートストラップによって提供されるプラグインを使用する場合は、JSファイルが必要です。 pluginsを使用したくない場合は、jsファイルをインクルードする必要はありません。

上記の例では、最初のファイルはbootstrap.cssファイルであることが明らかです。 2番目のファイルが修正されています。つまり、ブートストラップの一部の機能がie10で動作しません。 3番目のファイルはアプリケーション固有のファイルです。コメントの中で述べたように、4番目はデバッグ目的です。

依存関係管理のためにbowerやその他のツールを使用している場合は、サードパーティの依存関係はすべてbower_componentsまたはベンダフォルダに移動する必要があります。アプリケーション固有のCSSはすべてあなたのappフォルダに置かなければなりません。

願っています。