选择所有字体很棒的图标

Question

我正在尝试使用haml在导轨上创建一个带有bootstrap的导航栏。我使用汉堡包菜单让导航栏响应。当浏览器小于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。