2016-05-28 133 views
3

Twitter Bootstrap庫如何與Angular 2框架一起使用?基本上我能想到的兩種不同的方式Angular 2 with Twitter Bootstrap

  • 使用這些容器內引導容器和窩角分量寫HTML,維持佈局
  • 指示角2使用的引導作爲一個樣式表的角無關,並建立模板使用自舉容器

哪一種更簡單,更可重構,更高效的方式?

+2

有一個NG2錶帶 –

+2

'NPM我NG2的自舉--save' – dfsq

+0

你能解釋我爲什麼要青睞NG2自舉了剛剛使用Angular 2和Bootstrap?是不是可以在stylesUrl中包含Bootstrap並開始在模板中使用它?爲什麼我們需要角度特定的庫?我問,因爲在行業中,我們不能依賴任何任意圖書館。 –

回答

0

你可以將Bootstrap.css和Angular2集成起來,沒有任何複雜的問題,這裏有很多選項(用CDN,手動導入,用npm install ...),這裏的問題是你還需要導入Bootstrap.js和JQuery充分利用bootstrap框架。

你正在研究一個JS框架,所以你不要依賴外部的JS libreries,它可能會混淆你的DOM管理。使用ng-bootstrap你可以使用角度可以使用的組件(不需要導入Bootstrap.js和JQuery),它是爲角度設計的。

這裏是一個鏈接,如果你想將它們集成: angular2/5 with Bootstrap and ng-bootstrap integration