 <p>The same as option #1 from @zessx, but without overriding CSS. This one also aligns labels to the right to increase space between label-control pairs. Class "media" is there to add top margin without creating a custom class, but in general case it is better to have a custom one.</p> <pre><code>&lt;div class="form-horizontal"&gt; &lt;legend&gt;Form legend&lt;/legend&gt; &lt;div class="media col-xs-12 col-sm-6 col-lg-3"&gt; &lt;label for="InputFieldA" class="control-label text-right col-xs-4"&gt;Field A&lt;/label&gt; &lt;div class="input-group col-xs-8"&gt; &lt;input type="text" class="form-control" id="InputFieldA" placeholder="InputFieldA"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="media col-xs-12 col-sm-6 col-lg-3"&gt; &lt;label for="InputFieldB" class="control-label text-right col-xs-4"&gt;Field B&lt;/label&gt; &lt;div class="input-group col-xs-8"&gt; &lt;input type="text" class="form-control" id="InputFieldB" placeholder="InputFieldB"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="media col-xs-12 col-sm-6 col-lg-3"&gt; &lt;label for="InputFieldC" class="control-label text-right col-xs-4"&gt;Field C&lt;/label&gt; &lt;div class="input-group col-xs-8"&gt; &lt;input type="text" class="form-control" id="InputFieldC" placeholder="InputFieldC"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="media col-xs-12 col-sm-6 col-lg-3"&gt; &lt;button type="submit" class="btn btn-default col-xs-8 col-xs-offset-4"&gt;Submit Button&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><a href="http://www.bootply.com/UnBZXGwjcj" rel="nofollow">Bootply</a></p>