角4引導4不能正常呈現

Question

我有一個新的角度創建4 CLI與下列包安裝的應用程序：

npm install bootstrap@4.0.0-beta jquery tether popper.js --save 

.angular-cli.json提取：

"styles": [ 
    "styles.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
], 
"scripts": [ 
    "../node_modules/jquery/dist/jquery.slim.min.js", 
    "../node_modules/tether/dist/js/tether.min.js", 
    "../node_modules/popper.js/dist/umd/popper.min.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.min.js" 

], 

有了這個設置我有一個導航欄組件，其代碼爲the official Bootstrap 4 page，它不能正確呈現： 即使瀏覽器處於全屏模式，背景顏色丟失，「Navbar」和ggler被交換。

但是，當我使用Bootstrap 4 CDN時，它可以很好地工作。在這兩種情況下，除了導航欄外，其他任何樣式都如預期的那樣。

那麼，我在使用本地安裝的Bootstrap時做了什麼錯誤？

Answer 1

這聽起來有一個突破性的變化與CSS在4.0.0- 測試版。

https://github.com/bootstrap-vue/bootstrap-vue/issues/812

剛剛降級的引導版本，以及：

NPM安裝bootstrap@4.0.0-alpha.6 --save

注意：您是否嘗試過CDN是使用apha.6那爲什麼它工作:)