Question

我正在尝试使用haml在导航栏上创建一个带有红宝石的引导栏。我正在使用汉堡菜单使导航栏快速响应。当浏览器小于1040px时，我想将所有图标放大。是否可以选择所有图标，还是必须手动选择所有图标？

这是代码（application.html.haml）：

%body
    %header
        %nav.navbar.navbar-fixed-top{role: "navigation"}
            .mobile
                %div.navbar-brand
                    %i.fa.fa-bars.bars{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", type: "button"}
                    = link_to "Recipeazy", root_path, style: "color: #696969;"

            .collapse.navbar-collapse.navbar-collapse
                %ul.navbar-nav.navbar-right
                    .navbar-items
                        - if user_signed_in?
                            %li.nav-item
                                = link_to "Home", root_path
                                %i.fa.fa-home
                            %li.nav-item
                                = link_to "About", about_path
                                %i.fa.fa-info-circle
                            %li.nav-item
                                = link_to "Settings", edit_user_registration_path
                                %i.fa.fa-cog
                            %li.nav-item
                                = link_to "New", new_post_path
                                %i.fa.fa-plus-circle
                            %li.nav-item
                                = link_to "Sign Out", destroy_user_session_path, method: :delete
                                %i.fa.fa-sign-out
                        - else
                            %li.nav-item
                                = link_to "Log In", new_user_session_path
                                %i.fa.fa-sign-in
                            %li.nav-item
                                = link_to "Sign Up", new_user_registration_path
                                %i.fa.fa-user-plus

Answer 1

我想出了答案。

基本上，您只需添加想要图标大小的类。您可以找到大小here。

选择所有字体超赞的图标

1 个答案: