title: How can I prevent a form-control from taking a new line in Bootstrap
body: <p>I'm trying to get the dropdown menu to appear next to text "Pay every". How can I do this with bootstrap classes without editing the css or giving it a new custom class?</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="col-sm-2 control-label"&gt;Offer:&lt;/label&gt;
      &lt;div class="col-sm-2"&gt;&lt;input type="text" class="form-control" placeholder="$1000"&gt;&lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="i-checks col-sm-1"&gt;
              &lt;label class="control-label"&gt; &lt;input type="radio" value="option1" name="a" checked&gt; All at once &lt;/label&gt;
          &lt;/div&gt;
  
          &lt;div class="i-checks col-sm-2"&gt;
              &lt;label class="control-label"&gt; &lt;input type="radio" value="option1" name="a"&gt; Pay every &lt;/label&gt;
              &lt;select class="form-control" name="every" disabled &gt;
                  &lt;option&gt;2 weeks&lt;/option&gt;
                  &lt;option&gt;1 months&lt;/option&gt;
                  &lt;option&gt;2 months&lt;/option&gt;
                  &lt;option&gt;3 months&lt;/option&gt;
                  &lt;option&gt;6 months&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/rWcI2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rWcI2.png" alt="enter image description here"></a></p>