Bootstrap按钮组获取按钮高度错误

Question

我正在使用Bootstrap btn-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 %}

但是，我注意到标签中带有图标的按钮实际上比组中的其他按钮大一个像素（检查下图中选中按钮的顶部）。这仅在使用btn-large时发生;其他尺寸正确显示。

以上是在Mac OS X上使用Chrome 27完成的; Safari可以正确渲染，而Firefox有相同的问题，但在底部渲染按钮更大。 Bootstrap版本2.3.1

我的问题：这很容易解决吗？

Answer 1

你有没有尝试过为你的btn-large课程设置max-height？