 <p>You can create a class <code>no-gutter</code> for your <code>row</code> and remove the margin/padding that's added by bootstrap, like suggested in <a href="http://stackoverflow.com/questions/16489307/how-to-remove-gutter-space-for-a-specific-div-only-bootstrap/21282059#21282059">this post</a>:</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>.row.no-gutter { margin-left: 0; margin-right: 0; } .row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; } .row &gt; div { background: lightgrey; border: 1px solid; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt; &lt;div class="row no-gutter"&gt; &lt;div class="col-md-2"&gt; 1 &lt;/div&gt; &lt;div class="col-md-10"&gt; 2 &lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> </p> <p>I've set a gray background and a border for demonstration purposes. Watch the result in fullscreen to see, that there is no space anymore between the columns. More information about the predefined margin and padding in Bootstrap can be <a href="http://getbootstrap.com/css/" rel="nofollow">found here</a>.</p>