空の Web サイトで Bootstrap をテストしていますが、奇妙な問題があります。
<a href="#" class="btn">Download</a>素敵なグラデーション ボタンを作成するコードを含む Web サイト ドキュメントがありますが、そうではありません。
ボタンはグレーのグラデーションですが、境界線がなく、下と上のパディングが間違っているようです。
左へ-マイボタン
右側- どのように見えるべきか
bootstrap.cssファイルとファイルを使用していbootstrap-responsive.cssます。
なぜこれが起こっているのか誰か教えてもらえますか？
btn-default またはその他の btn-styling css クラスを追加します (ここにリンクの説明を入力してください):
<a href="#" class="btn btn-default">Download</a>
ブートストラップおよびブートストラップ応答ファイル以外の別の css ファイルを参照していない場合は、html ドキュメントでファイルを正しく参照していることを確認する必要があります (html のリンクタグを確認してください)。
問題を再現しようとしましたが、問題なく動作します。また、ブートストラップのフル バージョンをダウンロードしたことを確認してください (ブートストラップはカスタマイズできることに注意してください)。
chrome または firefox の「Inspect Element」機能または IE の F12 を使用して Web ページをデバッグし、適用されている css ルールがいつから来ているかを確認できます。
スタイルシートのリンクを「bootstrap.min.css」に変更すると、本来のように見え始めました。:O
これは私が持っているスタイルシートのバグでしょうか? 最新バージョンを使用していると思います..
しかし、とにかく、今では正常に機能しています。
ところで、Bootstrapについて何か言わなければなりません。Bootstrap が追加するグラフィカル インターフェイスのアイコン、ボタン、スタイル、およびクラスのためだけに Bootstrap を使用するのが大好きです。
使用している Bootstrap のバージョンを確認します。Bootstrap 2-something から Bootstrap 3-something にアップグレードしたところ、実際にボタンが予想とは異なって見えました。新しいスタイルであると判断したようです。個人的には旧型の方が好きですが…