title: Bootstrap input labels on left of input (rather than on top)
body: <p>I am fairly new to Bootstrap and I'm trying to make a simple form, all elements of which are in a single line on the screen. My html code for the form looks something like this:</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
      &lt;fieldset&gt;
          &lt;div class="form-container"&gt;
              &lt;div class="form-group"&gt;
                  &lt;label&gt;Search by:&lt;/label&gt;
                  &lt;input class="form-control" type="text"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label&gt;Something:&lt;/label&gt;
                  &lt;input class="form-control" type="text"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt; 
  </code></pre>
  
  <p>By default, the labels for my input fields appear about the input fields. I want them to be on the left side of the input fields. I've googled and checked on here how to implement this, but none of the solutions I found have worked (I tried adding classes to my form and changing their CSS, and tried using bootstrap's form-inline functionality). </p>
  
  <p>Does anyone know how I could make the form look how I want it to look?</p>