title: Elements on same line in bootstrap column
body: <p>Trying to get 2 elements on same line within a bootstrap column because I don't want a gap that putting it in a separate col would create.</p>
  
  <pre><code>&lt;style&gt;
     .inline {
               display: inline-block;
             }
  &lt;/style&gt;
  
  &lt;div class="row"&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;label class="inline"&gt;View&lt;/label&gt;
                  @Html.EnumDropDownListFor(x =&gt; x.View, new {@class = "form-control inline"})
              &lt;/div&gt;
              &lt;div class="col-md-4"&gt;
                  @Html.DropDownListFor(x =&gt; x.SportId, Model.Sports, new {@class = "form-control"})
              &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Output is like this:
  <a href="https://i.stack.imgur.com/CM9mb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CM9mb.png" alt="enter image description here"></a></p>
  
  <p>Edit: I think many of you misunderstood what I need. Iswarya got me on the right track. Just had to created another col within the col like this:</p>
  
  <pre><code> &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;               
                  &lt;div class="col-md-2"&gt;
                      &lt;label&gt;View&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-6"&gt;
                      @Html.EnumDropDownListFor(x =&gt; x.View, new {@class = "form-control"})
                  &lt;/div&gt;                
          &lt;/div&gt;
          &lt;div class="col-md-4"&gt;
              @Html.DropDownListFor(x =&gt; x.SportId, Model.Sports, new {@class = "form-control"})
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Which created:
  <a href="https://i.stack.imgur.com/2i045.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2i045.png" alt="enter image description here"></a></p>