Bootstrap クラスのスタイルが有効にならないのはなぜですか?

Question

つまり、私は HTML、CSS、ブートストラップの初心者であり、プレビューでスタイルシートの値を更新できません。これが私のボタンのラベルとその値です:

リーリー

しかし、CSS で btn-xl 値のスタイルを変更しようとすると、

リーリー

行った変更はプレビューに表示されません。誰か、どこが間違っているのか教えてください。

そこで、リンクをチェックしてみました。HTML と CSS を接続するリンク ヘッダーにエラーがある可能性がありますが、何も問題はありません。 競合する可能性のあるタイプミスがないか確認しましたが、これは間違いなくタイプミスではないため、完全に迷っています。

Answer 1

問題は、Bootstrap が値をオーバーライドすることが原因であるようです。スタイルシートを追加した順序に問題があるか、特異性の問題である可能性があります。クラス名を変更すると、

となります。

リーリー リーリー

すべてのボタンのスタイルを変更したい場合は、パディングを調整するためにブートストラップによって使用される 変数 を更新できます。