title: 3 column grid navbar bootstrap
body: <p>I am trying to create a 3 column grid navbar, I have tried using the columns that are built into bootstrap but have no success. </p>
  
  <p>The first column needs to have a max-width of 100px, but can be fluid if the browser is re-sized</p>
  
  <p>the second column needs to be the fill the gap between the 1st and 2nd column and is also fluid to respond if the browser is re-sized.</p>
  
  <p>The third column needs to have a max-width of 200px, but can be fluid if the browser is re-sized</p>
  
  <p>I am unable to get the columns inline with each other, heres my Fiddle: <a href="http://jsfiddle.net/Xsfvw/7/" rel="noreferrer">http://jsfiddle.net/Xsfvw/7/</a></p>
  
  <pre><code>&lt;!--Bootstrap Approach--&gt;
  &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-8 col-sm-3 border"&gt;Logo&lt;/div&gt;
          &lt;div class="col-xs-2 col-sm-6 border"&gt;Nav&lt;/div&gt;
          &lt;div class="col-xs-2 col-sm-3 border"&gt;Right&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!--Standard CSS Approach--&gt;
  &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="nalogo"&gt;Logo&lt;/div&gt;
          &lt;div class="nanav"&gt;Nav&lt;/div&gt;
          &lt;div class="naright"&gt;right&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.border {
      border: 2px solid #ff0000;
      z-index: 1020;
      height: 50px;
      margin-bottom: 30px;
  }
  .nalogo {
      width:100px;
      height:50px;
      background-color:#ff0000;
      border: 1px solid #000;
      float: left;
  }
  .nanav {
      width:100%;
      height:50px;
      background-color:#00ff00;
      border: 1px solid #000;
      margin:0 auto !important;
  }
  .naright {
      display: inline-block;
      width:200px;
      height:50px;
      background-color:#0000ff;
      border: 1px solid #000;
      float: right;
  }
  </code></pre>
  
  <p>Here is what i am trying to replicate:</p>
  
  <p><img src="https://i.stack.imgur.com/DBCJa.png" alt="navbar"></p>