Css 使用h3标签代替spree徽标会导致格式错误

我复制了GitHub上与我正在使用的Spree版本（stable 3）匹配的部分布局，但将徽标替换为

h3

标题

它可以工作，标题会出现，但其余的（

侧栏切换

和

管理员登录

导航）不再是内联的<代码>侧栏切换位于侧栏下方，并且

管理员登录导航栏

已消失

我想这可能是CSS，所以我给了

h3

标签与图像标签相同的id和类别，正如你在

Boogie

两侧看到的那样。我知道可能有更好的方法，比如一个替代标志的覆盖。我在前端这么做了，但在后端却没能正常工作。现在我已经玩了很长时间了，我真的很想知道在这种情况下会发生什么

Deface::Override.new(:virtual_path => "spree/layouts/admin",
    :name => "backend_logo",
    :replace      => 'erb[loud]:contains("spree/admin/shared/header")',
    :partial => "layouts/backend_navbar")

布吉

<% admin = try_spree_current_user.try(:has_spree_role?, "admin") %>
<header class="header <%= admin ? "logged-in" : "logged-out" %>">
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="row">
                <div class="navbar-header col-sm-3 col-md-2">
                    <h3 id="logo" class: "logo navbar-brand">Boogie</h3>
                    <% if admin %>
                        <span class="navbar-toggle" id="sidebar-toggle">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </span>
                    <% end %>
                </div>
                <% if admin %>
                    <div class="col-sm-9 col-md-10">
                        <div class="navbar-right" data-hook="admin_login_navigation_bar"></div>
                    </div>
                <% end %>
            </div>
        </div>
    </nav>
</header>