title: Bootstrap indentation issue
body: <p>This is my html code. As you could see I m using bootstrap classes. I m not able to make the question text area to be on the same alignment with the choices textarea. Any help please?</p>
  
  <pre><code>&lt;div class='form-group'&gt;
         &lt;label class = 'col-sm-2 control-label' for = 'qn_text_1'&gt;Question 1: &lt;/label&gt;
         &lt;div class = 'col-sm-8'&gt;
             &lt;textarea readonly class = 'form-control' id= 'qn_text_1' rows="3"&gt;Textarea for question 1&lt;/textarea&gt;
         &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class = 'form-group'&gt;
          &lt;label class="col-sm-12 control-label" for = "answerChoices_1"&gt; Choose the correct answer(s) from the options below:
          &lt;/label&gt;
          &lt;div class = "row"&gt;
              &lt;div class="col-sm-offset-2"&gt;
                  &lt;ul class = "col-sm-8" style = "list-style-type: none" id = "answerChoices_1"&gt;
                      &lt;li&gt;
                          &lt;textarea class = "form-control" id = "answer_0_1" readonly&gt;Choice 1&lt;/textarea&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;textarea class = "form-control" id = "answer_0_2" readonly&gt;Choice 2&lt;/textarea&gt;
                      &lt;/li&gt;                       
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I tried making few changes to the classes but no luck. any help in fixing this would be really helpful.</p>
  
  <p>Thanks
  SamT</p>