[英]override bootstrap variables angular-cli
我有一個我添加了bootstrap-sass包的angular-cli項目。 我通過添加以下代碼將樣式加載到angular-cli.json中:
"styles": [
"../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss",
"../node_modules/font-awesome/css/font-awesome.css",
"styles.scss"
]
但是我希望能夠覆蓋引導程序具有的一些變量。 如何在angular-cli項目中做到這一點?
這實際上很容易。 如果有人遇到相同的問題,我所做的就是將以下內容包括為全局樣式,而不是通過angular-cli.json加載樣式:
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import './shared/styles/_variables'; // my custom vars that overrides bootstrap
@import '~bootstrap-sass/assets/stylesheets/bootstrap';
如果您以以下方式將bootstrap.scss導入到主style.scss文件中,則該方法應該起作用。
@import '<RALATIVE_PATH_TO>node_modules/bootstrap/scss/bootstrap.scss';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.