我正在使用 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 %}
但是,我注意到标签中带有图标的按钮实际上比组中的其他按钮大一个像素(检查下图中选中按钮的顶部)。这只发生在使用btn-large
; 其他尺寸正确显示。
以上是在 Mac OS X 上使用 Chrome 27 完成的;Safari 可以正确呈现,而 Firefox 也有同样的问题,但底部的按钮会变大。引导版本 2.3.1
我的问题:这很容易解决吗?