Angular 4 Bootstrap 4 not rendering properly -


i have fresh created angular 4 cli app following packages installed:

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

.angular-cli.json extraction:

"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"  ], 

with setup have navbar component html code the official bootstrap 4 page not rendering properly: enter image description here has toggle button when browser in full screen mode, background color missing, "navbar" , toggler swapped.

however, works when use bootstrap 4 cdn. other styles except navbar work expected in both cases.

so, doing wrong when working bootstrap installed locally?

it sounds there breaking change css in 4.0.0-beta.

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

just downgrade bootstrap version well:

npm install bootstrap@4.0.0-alpha.6 --save

note: cdn tried using apha.6 why working :)


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -