角度cliでブートストラップグリッドを使用するにはどうすればよいですか？

Question

私が作った：

npm install ng2-bootstrap --save 

その後、角度-CLI-build.jsを開き、

vendorNpmFiles: [ 
     .................. 
     'ng2-bootstrap/**/*.js', 
     .................... 
     ] 

はSRC /システム-config.ts

const map:any ={ 
     .................. 
     'ng2-bootstrap': 'vendor/ng2-bootstrap', 
     .................... 

    } 

と

に書いたこの行を追加

const packages: any = { 
     'ng2-bootstrap': { 
     format: 'cjs', 
     defaultExtension: 'js', 
     main: 'ng2-bootstrap.js' 

     } 

    }; 

cdnからのリンクなし

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

私はスタイルブートストラップを使用できません。それで何かできますか？

Answer 1

ng2-bootstrapモジュールは、デフォルトのブートストラップjavascriptに代わるAngular 2コンポーネントとディレクティブのバンドルです。つまり、Angular 2アプリケーションにブートストラップのjavascriptとjQueryを含める必要はありません。

このモジュールには、ブートストラップCSSは含まれていません。それでも何らかの方法でインクルードする必要があります。最も簡単な解決策は、アプリケーションにcdnを追加することです。 ng2-bootstrapは、デフォルトのブートストラップcssで完全に動作します。

は、あなたが以下の行を追加する必要がありますブートストラップCSSを含めるにするのsrc/index.htmlを：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">