title: bootstrap grid exceeds width
body: <p>For some reason I don't understand the 3 column grid system is exceeding my 100% width.</p>
  
  <p>code</p>
  
  <pre><code>&lt;div class="row" style="border: 1px solid red"&gt;
      &lt;div class="add_promo col-12 col-md-offset-0 col-xs-12 col-xs-offset-0"&gt; 
          &lt;input type="text" placeholder="ingresar código..." class=" col-md-6 col-md-offset-0 col-xs-6 col-xs-offset-0" /&gt;
          &lt;button type="" class="btn btn-default btn-lg btn-success col-3 col-md-offset-0 col-xs-3 col-xs-offset-0" &gt;Enviar&lt;/button&gt;
          &lt;button type="" class="btn btn-default btn-lg btn-danger col-md-3 col-md-offset-0 col-xs-3 col-xs-offset-0"&gt;Cancelar&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Fiddle: <a href="https://jsfiddle.net/DTcHh/12328/" rel="nofollow">https://jsfiddle.net/DTcHh/12328/</a></p>
  
  <p>Thanks</p>