title: bootstrap navbar with company logo at the top
body: <p>I am creating a angular 2 application using bootstrap. I want to have a navbar on my application so that app menu looks like <a href="https://i.stack.imgur.com/5sl2K.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5sl2K.jpg" alt="enter image description here" /></a></p>
  <p>When viewed from smaller devices it should look as follows :
  <a href="https://i.stack.imgur.com/LNb5q.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LNb5q.jpg" alt="enter image description here" /></a></p>
  <p>I have used following code in my html</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-inverse&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;navbar-header&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.sidebar-navbar-collapse&quot;&gt;
              &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot;&gt;
                  &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                  &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                  &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;a class=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;COMPANY LOGO&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class=&quot;navbar-collapse collapse sidebar-navbar-collapse&quot;&gt;
              &lt;ul *ngFor=&quot;let menu of menus;let first = first;&quot; class=&quot;nav navbar-nav&quot;&gt;
                  &lt;li&gt;
                      &lt;a (click)=&quot;menuClicked(menu.categoryId)&quot;
                         href='#/{{menu.categoryName}}'
                         style=&quot;color: #fff;font-size: 16px;font-weight:bold;cursor:pointer;&quot;&gt;
                          {{menu.categoryName}}
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>Which gives me following output :</p>
  <p><a href="https://i.stack.imgur.com/VuRw8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VuRw8.jpg" alt="enter image description here" /></a></p>
  <p>Can someone guide how to achieve desired output?</p>