【问题标题】:BS3 glyphicon paddingBS3 字形填充
【发布时间】:2014-02-12 13:42:58
【问题描述】:

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

谁能提出更好的解决方案。谢谢!

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

【问题讨论】:

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


    【解决方案1】:

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

    <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>
    

    虽然看起来很奇怪,但是

    &lt;a href="#" class="glyphicon glyphicon-wrench"&gt;Maintenance&lt;/a&gt;

    图标和文本之间没有空格

    bootply

    【讨论】:

    • 谢谢 bootply,你能分享一下如何使用 link_to 来完成这项工作吗?谢谢
    • 刚刚使用link_to 编辑了该答案。您必须使用任何 html 标记来包装文本。我在这里使用了span。
    猜你喜欢
    • 1970-01-01
    • 2014-01-01
    • 1970-01-01
    • 2017-03-12
    • 2019-03-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多