twitter-bootstrap - 导航栏折叠时更改 Logo

Question

我正在开发基于 Bootstrap v3 的仪表板界面。导航栏可以折叠，我想知道导航栏折叠时是否可以更改 Logo 图像？

<div class="topbar">
            <div class="topbar-left">
                <div class="text-center">
                    <a href="" class="logo"><img src="<? echo $appUrl ?>/system/assets/img/logo.png" height="40px"></a>
                </div>
            </div>
            <!-- Button mobile view to collapse sidebar menu -->
            <div class="navbar navbar-default" role="navigation">
                <div class="container">
                    <div class="">
                        <div class="pull-left">
                            <button class="button-menu-mobile open-left">
                                <i class="fa fa-bars"></i>
                            </button>
                            <span class="clearfix"></span>
                        </div>

                        <ul class="nav navbar-nav navbar-right pull-right">
                            <li class="dropdown">

请有任何建议。

谢谢。

Answer 1

也许你可以用“hidden-xs”隐藏你的“主要”标志，而你的“次要”标志对于 sm 和 lg 尺寸是隐藏的

<div class="col-sm-x hidden-md hidden-lg">
   <img src="mainLogo.gif" alt="main">
</div>
<div class="hidden-sm col-md-x col-lg-x">
   <img src="secondaryLogo.gif" alt="secondary">
</div>