vuejs プロジェクトでブートストラップを使用するのはこれが初めてですが、不明な点が 2 つあります。

ここの vuejs ガイドのブートストラップに従い、app.scss を作成するまで段階的に追加し、それをアセット フォルダーに置くことにしました。そのファイルを main.js にインポートすると、長い時間がかかります。 vuejs からのエラー。

2 番目の質問: app.scss のグローバル スタイルを捨てて (それが適切な用語であれば)、ブートストラップだけを試してみることにしました。最も基本的な例として、この例をブートストラップ プレイグラウンドで見つけて、それをコピーして vue プロジェクトに貼り付けました。 。

いくつかのボタンのスタイルが表示されましたが、結果は前述の Web サイトの出力とは異なります。

私の閉じるボタンは灰色で、枠線と X があり、テキストの左側にあります。プレイグラウンドの例の X ボタンはテキストの右側にあり、正しいスタイルで枠線がなく、緑/青です。

これはおそらく非常に基本的なことですが、誰かが私が間違っていることを教えてくれたら感謝します。ドキュメントに従って、正直に3時間検索しても解決策がなかったので。