title: Bootstrap form not coming out as expected
body: <p>This is my bootstrap code:</p>
  
  <pre><code>&lt;form clas="form-horizontal" roles="form" name="login" action="submitticket.php" method="post" accept-charset="uft-8"&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="control-label col-sm-2" for="title"&gt;Title&lt;/label&gt;
                  &lt;div class="col-sm-6"&gt;
                  &lt;input type="text" class="form-control" name="title" placeholder="" required maxlength="100" required&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="control-label" for="description"&gt;Description&lt;/label&gt;
                  &lt;div class="col-sm-6 col-sm-offset-2"&gt;
                  &lt;textarea class="form-control" name="description" rows="4" cols="50" maxlength="255"&gt;
                  &lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="control-label" for='category'&gt;Category&lt;/label&gt;
                  &lt;div class="col-sm-6 col-sm-offset-2"&gt;
                    &lt;select class="form-control" name="category"&gt;
                  &lt;option value=""&gt;--- Select ---&lt;/option&gt;
                  &lt;?php
                  $sql = mysql_query("SELECT cat_name FROM Category");    
                  while ($row = mysql_fetch_array($sql)){
                  echo "&lt;option value='".$row['cat_name']."'&gt;".$row['cat_name']."&lt;/option&gt;";
                              }
                              ?&gt;      
                    &lt;/select&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="control-label" for='urgency'&gt;Urgency&lt;/label&gt;
                  &lt;div class="col-sm-6 col-sm-offset-2"&gt;
                    &lt;select class="form-control" name="urgency"&gt;
                  &lt;option value=""&gt;--- Select ---&lt;/option&gt;
                  &lt;?php
                  $sql = mysql_query("SELECT urg_name FROM Urgency"); 
                  while ($row = mysql_fetch_array($sql)){
                  echo "&lt;option value='".$row['urg_name']."'&gt;".$row['urg_name']."&lt;/option&gt;";
                              }
                              mysql_close($con);
                              ?&gt;  
                    &lt;/select&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;br&gt;
              &lt;input type="hidden" name="username" value="&lt;?php echo $myusername; ?&gt;"&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="col-sm-offset-2 col-sm-10"&gt;
                  &lt;button type="submit" class="btn btn-default"&gt;Submit Ticket&lt;/button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>It is not coming out as expected.  The labels for everything, but the title field appear to be on the "previous" line i.e. the "Description" label appears to the right of the title text box, the "Category" label appears to the right of the description textarea and "Urgnecy" appears on the right of the category drop down.  How do I remedy this.  It isn't happening on any of my other forms and I think it has something to do with mixing the different types of fields.  </p>