title: Bootstrap code for nice margin and 100% width
body: <p>How to create an element in the Bootstrap that will normally equalize on one side (form left side) and 100% of the width on the other?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.maksymalnaszerokosc {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row maksymalnaszerokosc"&gt;
  &lt;div class="col-sm-6"&gt;text 1&lt;/div&gt;
  &lt;div class="col-sm-6"&gt;text 2 &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-sm-6"&gt;nice same line text 1&lt;/div&gt;
  &lt;div class="col-sm-6"&gt;Full width to right&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/OUm2Z.png" rel="nofollow noreferrer">See this image how to must work</a></p>