Vue.jsはelement-uiとBoostrapをインポートできますか？

Question

私はelement-uiコンポーネントをインポートしましたが、私は、reset.cssやBoostrapのような一般的なスタイルが必要かもしれません。

これらはどちらも1つのプロジェクトで終了し、競合しませんか？

Answer 1

いいえ、できません。ほとんどの場合、element-uiはclassでスタイルを変更しますが、BootstrapはクラスタグとHTMLタグの両方でスタイルを変更しますが、これは矛盾します。例えば

、あなたはブートストラップに以下のコードを見つけることができます：要素-UIで

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 
    font-family: inherit; 
    font-weight: 500; 
    line-height: 1.1; 
    color: inherit; 
} 

を、次のように定義されたreset.cssがあります：

h1,h2,h3,h4,h5,h6 { 
    color:#1f2d3d; 
    font-weight:inherit 
} 

ですから、両方のブートストラップを使用することはできません1つのプロジェクトで要素-uiを矛盾なく使用します。