我正在嘗試做以下事情:
.bootstrap-scope {
@import "bootstrap.min.css";
}
我知道bootstrap.min.css在合適的位置,因為放置@ import“bootstrap . min . CSS”;在css頁面的頂部就可以了。
無論如何,關鍵是要能夠找出什么是受引導影響的。我想引導只適用于封閉的div
<div class="bootstrap-scope">
...
</div>
有什么想法嗎?這似乎應該很簡單。
這篇文章建議將導入放在一個類中..有其他選擇嗎?
您不能在CSS規則中@import。@import語句必須在任何選擇器之外聲明。
從@import上的MDN頁面: @import CSS at-rule允許從其他樣式表中導入樣式規則。這些規則必須在所有其他類型的規則之前,除了@charset規則;因為它不是嵌套語句,所以不能在條件組at-rules中使用。
您必須用LESS或SASS編寫這樣的東西,并將其預處理到CSS中。
你的鏈接問題建議創建一個導入Bootstrap較少代碼的LESS文件,然后編譯成CSS。
下一篇vue.js拖拽