title: How to get many checkboxes in one single row using Bootstrap?
body: <p>I have to show all the 7 days of week in a form.
  They currently are getting shown like so:</p>
  
  <p><img src="https://i.stack.imgur.com/i7ByL.png" alt="Messed up alignment"></p>
  
  <p>With this code:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label class="col-md-4 control-label" for="checkboxes"&gt;Day(s) of Week&lt;/label&gt;
    &lt;div class="col-md-4"&gt;
      &lt;label class="checkbox-inline" for="checkboxes-0"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"&gt;
        Su
      &lt;/label&gt;
      &lt;label class="checkbox-inline" for="checkboxes-1"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"&gt;
        Mo
      &lt;/label&gt;
      &lt;label class="checkbox-inline" for="checkboxes-2"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"&gt;
        Tu
      &lt;/label&gt;
      &lt;label class="checkbox-inline" for="checkboxes-3"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"&gt;
        We
      &lt;/label&gt;
      &lt;label class="checkbox-inline" for="checkboxes-4"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-4" value="5"&gt;
        Th
      &lt;/label&gt;
      &lt;label class="checkbox-inline" for="checkboxes-5"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-5" value="6"&gt;
        Fr
      &lt;/label&gt;
      &lt;label class="checkbox-inline" for="checkboxes-6"&gt;
        &lt;input type="checkbox" name="checkboxes" id="checkboxes-6" value="7"&gt;
        Sa
      &lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to make all of them show in a single line / row ?</p>
  
  <p>Thanks in advance.</p>