【问题标题】:Bootstrap navbar rails gem glypiconBootstrap navbar rails gem glyphicon
【发布时间】:2017-12-22 08:33:15
【问题描述】:

我刚刚将gem rails-bootstrap-navbar 添加到我的rails 项目中,我希望能够在我的下拉菜单前添加一个字形图标,使用菜单项没有问题,但对于下拉菜单本身, documentation 中没有示例。由于下拉菜单已经是一个块,我不知道如何向它添加跨度。

= navbar fixed: :top do
  = navbar_header brand: 'My great app', brand_link: '/home'
  = navbar_collapse do
    = navbar_group class: 'foo', id: 'menu' do
      = navbar_text 'Pick an option:'
      = navbar_item "Home", '/'
      = navbar_item "About Us", '/about-us'
      = navbar_item '/contact' do
        %span.glyphicon.glyphicon-hand-right
        Contact Us!
      = navbar_dropdown "I want an icon too :-(" do
        = navbar_item '/contact' do
        %span.glyphicon.glyphicon-hand-right
        I can easily have an icon :-)
        - if true # check if user is admin, maybe like "if current_user.try(:admin?)"
          = navbar_dropdown_divider
          = navbar_item "Admin Dashboard", '/admin'
          = navbar_item "Users", '/admin/users'
    = navbar_group align: 'right' do
      - if true # check if user is logged in, maybe like "if current_user.present?"
        = navbar_item "Log Out", '/logout'
      - else
        = navbar_item "Log In", '/login'

我想要更改的确切部分

          = navbar_dropdown "I want an icon too :-(" do
            = navbar_item '/contact' do
            %span.glyphicon.glyphicon-hand-right
            I can easily have an icon :-)

【问题讨论】:

    标签: ruby-on-rails twitter-bootstrap haml


    【解决方案1】:

    你试着像下面那样做

    = navbar_item "<span class='glyphicon glyphicon-user'></span> Users".html_safe, '/admin/users'
    

    我想你会帮忙的

    【讨论】:

    • 非常感谢,太好了!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-11-05
    • 1970-01-01
    • 1970-01-01
    • 2017-07-19
    • 1970-01-01
    • 2012-10-05
    • 2018-12-08
    相关资源
    最近更新 更多