title: How to tidy up this navbar on bootstrap?
body: <p>I'm learning some Bootstrap and this problem is getting me off, because I'd like to know how to tidy this navbar correctly, I did some col, col-offset... but nothing helps me...</p>
  
  <p>What I'm trying to get is:</p>
  
  <p><a href="https://i.stack.imgur.com/NPHd7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NPHd7.jpg" alt="WANTED NAVBAR"></a></p>
  
  <p><strong>INDEX.HTML (NAVBAR SNIPPET)</strong></p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;a class="navbar-brand" href="#"&gt;
              &lt;img alt="Brand" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB+0lEQVR4AcyYg5LkUBhG+1X2PdZGaW3btm3btm3bHttWrPomd1r/2Jn/VJ02TpxcH4CQ/dsuazWgzbIdrm9dZVd4pBz4zx2igTaFHrhvjneVXNHCSqIlFEjiwMyyyOBilRgGSqLNF1jnwNQdIvAt48C3IlBmHCiLQHC2zoHDu6zG1iXn6+y62ScxY9AODO6w0pvAqf23oSE4joOfH6OxfMoRnoGUm+de8wykbFt6wZtA07QwtNOqKh3ZbS3Wzz2F+1c/QJY0UCJ/J3kXWJfv7VhxCRRV1jGw7XI+gcO7rEFFRvdYxydwcPsVsC0bQdKScngt4iUTD4Fy/8p7PoHzRu1DclwmgmiqgUXjD3oTKHbAt869qdJ7l98jNTEblPTkXMwetpvnftA0LLHb4X8kiY9Kx6Q+W7wJtG0HR7fdrtYz+x7iya0vkEtUULIzCjC21wY+W/GYXusRH5kGytWTLxgEEhePPwhKYb7EK3BQuxWwTBuUkd3X8goUn6fMHLyTT+DCsQdAEXNzSMeVPAJHdF2DmH8poCREp3uwm7HsGq9J9q69iuunX6EgrwQVObjpBt8z6rdPfvE8kiiyhsvHnomrQx6BxYUyYiNS8f75H1w4/ISepDZLoDhNJ9cdNUquhRsv+6EP9oNH7Iff2A9g8h8CLt1gH0Qf9NMQAFnO60BJFQe0AAAAAElFTkSuQmCC" width="20"&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;form class="navbar-form" role="search"&gt;
                  &lt;div class="input-group"&gt;
                      &lt;input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term"&gt;
                      &lt;div class="input-group-btn"&gt;
                          &lt;button class="btn btn-default" type="submit"&gt;&lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
          &lt;!--SEARCH NAVBAR--&gt;
          &lt;div class="row"&gt;
              &lt;div class="dropdown"&gt;
                  &lt;button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" 
                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"&gt;
                  Dropdown
                  &lt;span class="caret"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;ul class="dropdown-menu" aria-labelledby="dropdownMenu1"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Alta usuari&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Cerca d'usuaris&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Manteniment taules mestre&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Ajuda DIBA&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--MENU NAVBAR--&gt;
          &lt;button type="button" class="collapsed navbar-toggle" data-toggle="collapse" 
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;
              &lt;span class="sr-only"&gt;ToggleNav&lt;/span&gt; 
              &lt;!--EL ICONO DE MENU, SE HACE ASI, QUE TRISTE--&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt; 
              &lt;span class="icon-bar"&gt;&lt;/span&gt; 
              &lt;span class="icon-bar"&gt;&lt;/span&gt; 
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>What are the best practices to get a correct order implementing some stuff on a navbar? Thanks you very much</p>
  
  <p>UPDATE ERROR BRACKETS:</p>
  
  <blockquote>
    <p><a href="https://i.stack.imgur.com/vdp1p.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vdp1p.jpg" alt="BRACKETS ERROR"></a></p>
  </blockquote>
  
  <p>I know that's not an error of code, but it disconnects the live preview, and when I maximize the windows, it doesn't shows the navbar-toggle...</p>