title: Change logo when navbar is collapsed
body: <p>I am working on a dashboard interface based on Bootstrap v3. The navbar can be collapsed, I was wondering if there was a way for the logo image to change when the navbar is collapsed?</p>
  
  <pre><code>&lt;div class="topbar"&gt;
              &lt;div class="topbar-left"&gt;
                  &lt;div class="text-center"&gt;
                      &lt;a href="" class="logo"&gt;&lt;img src="&lt;? echo $appUrl ?&gt;/system/assets/img/logo.png" height="40px"&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- Button mobile view to collapse sidebar menu --&gt;
              &lt;div class="navbar navbar-default" role="navigation"&gt;
                  &lt;div class="container"&gt;
                      &lt;div class=""&gt;
                          &lt;div class="pull-left"&gt;
                              &lt;button class="button-menu-mobile open-left"&gt;
                                  &lt;i class="fa fa-bars"&gt;&lt;/i&gt;
                              &lt;/button&gt;
                              &lt;span class="clearfix"&gt;&lt;/span&gt;
                          &lt;/div&gt;
  
                          &lt;ul class="nav navbar-nav navbar-right pull-right"&gt;
                              &lt;li class="dropdown"&gt;
  </code></pre>
  
  <p>Any suggestions please.</p>
  
  <p>Thanks.</p>