2

Bootstrapbtn-groupクラスを使用してメニューを実装しています。メニューはクラスbtn-largeを使用して大きなボタンを表示します。ページ生成中、Python スクリプトは、生成されたページに対して各ボタンをチェックします。ボタンが現在のページを表している場合、ラベルの前にアイコンが追加されます。複雑なことは何もありません:

{% for page in pages %}
        <a id="{{ page.name|slugify }}" class="btn btn-large btn-success" href="{{ page.url }}" >
        {% if page.name == current_page.name %}
            <i class="icon-ok icon-white"></i>
        {% endif %}
        {{ page.name }}
        </a>
{% endfor %}

ただし、ラベルにアイコンがあるボタンは、実際にはグループ内の他のボタンよりも 1 ピクセル大きくレンダリングされていることに気付きました (下の画像のチェックされたボタンの上部を確認してください)。btn-largeこれは;を使用している場合にのみ発生します。他のサイズは正しく表示されます。

ここに画像の説明を入力

上記は Mac OS X 上の Chrome 27 で行われます。Safari は正しくレンダリングされますが、Firefox には同じ問題がありますが、下部のボタンが大きくレンダリングされます。ブートストラップ バージョン 2.3.1

私の質問: これは簡単に修正できますか?

4

1 に答える 1

2

btn-large クラスに max-height を入れてみましたか？

于 2013-05-26T15:54:47.800 に答える