BS3 glyphicon填充

时间:2014-02-12 00:03:17

标签: ruby-on-rails twitter-bootstrap-3 glyphicons

我在使用glyphicons的rails应用程序中有一个导航栏。我似乎无法设置字形和链接标签之间的间距,除非我在标签前加上“”。

enter image description here

任何人都可以提出更好的解决方案。谢谢!

    <li>
      <%= link_to "Maintenance", dashboards_path, :class=> "glyphicon glyphicon-wrench" %>
    </li>

1 个答案:

答案 0 :(得分:2)

如果您在一行中有标记和内容,则不会生成填充。 确保锚点看起来像:

<li>
  <a href="#" class="glyphicon glyphicon-wrench">
    Maintenance
  </a>
</li>

或使用link_to

<li>
  <%= link_to dashboards_path, class: 'glyphicon glyphicon-wrench' do %>
    <span>Maintenance</span>
  <% end %>
</li>

虽然看起来很奇怪,但

<a href="#" class="glyphicon glyphicon-wrench">Maintenance</a>

在图标和文字之间不生成空格

bootply