私のプロジェクトでBootstrap 4 Sourceを使うための正しいインストールプロセスは何ですか

Question

OKこれで私はこのドキュメントを読んでしまいました。

私はプロジェクトのフォルダを持っている：

example.com 

は、私は、ファイルを特定のプロジェクトにコンパイルされる変数とをカスタマイズすることが可能であることにより、ブートストラップの全機能を使用することに慣れたいです。私はファイルがhere形成ソースをダウンロードした

など、イサキNPMへのアクセス権を持っているので、

私はNode.jsの私のマシンにインストールされているが、私はそれが良い場合インストールするには、NPMを使用して反対ではありませんよオプション。 注.htmlファイルにリンクできるファイルにnode_modulesをコンパイルする方法を知っておく必要があります。

私の主な質問は、サイトからソースファイルをダウンロードしてプロジェクトで使用する場合です。ファイル構造では、ソースファイルはプロジェクトの残りの部分と自分のSCSSとJSとの関係にあります。

希望すると助かります！ Craig

Answer 1

プロジェクトのフォルダ構造が次のとおりです。

project 
|-- node_modules 
|-- public 
| |-- css 
| |-- img 
| |-- js 
| |-- index.html 
|-- package.json 

その後、

$ npm install bootstrap 

は./node_modules/bootstrap/bootstrap.min.cssにブートストラップをインストールします。

の代わりにCDNのようなページにブートストラップを使用できます。

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

詳細はブートストラップの公式installation guideです。