title: Show fixed width columns with fluid columns - bootstrap
body: <p>I have fluid pages that works perfectly fine, but sometimes a page can have ads on the sides that are fixed width 140px.</p>
  
  <p>Please see picture below:</p>
  
  <p><a href="https://i.stack.imgur.com/4qA9V.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4qA9V.jpg" alt="enter image description here"></a></p>
  
  <p>The ads are added dynamically so at any time the page will or will not have ads.</p>
  
  <p>I must have a div for them always, and the page must adapt if there are ads or not. And sometimes it can have just one ad not both.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div style="width:140px; float:left"&gt;Fixed Width&lt;/div&gt;     
    &lt;div class="col-lg-6&gt;Fluid Width&lt;/div&gt;
    &lt;div class="col-lg-6&gt;Fluid Width&lt;/div&gt;
    &lt;div style="width:140px; float:right;"&gt;Fixed Width&lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>So, the cases are:</p>
  
  <ul>
  <li><p>no ads</p></li>
  <li><p>1 ad</p></li>
  <li><p>2 ads</p></li>
  </ul>
  
  <p>Thank you for any help.</p>