title: How to properly align checkbox and labels in bootstrap?
body: <p>I have two rows of checkboxes and labels.Although horizontal alignment is not an issue , however there is a problem of vertical alignment of second column.How can I achieve a symmetry in this case?</p>
  
  <pre><code>&lt;div class="form-inline"&gt;
  &lt;div class="form-group"&gt;
      &lt;div class="col-md-4"&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox0" value="0"&gt;Sunday&lt;/label&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox1" value="1"&gt;Monday&lt;/label&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox2" value="2"&gt;Tuesday&lt;/label&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox3" value="3"&gt;Wednesday&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4"&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox4" value="4"&gt;Thursday&lt;/label&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox5" value="5"&gt;Friday&lt;/label&gt;
          &lt;label class="radio-inline"&gt;
              &lt;input type="checkbox" name="inlineRadioOptionsWeek" id="Checkbox6" value="6"&gt;Saturday&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="https://jsfiddle.net/vwkkf7ts/" rel="noreferrer">JSfiddle </a></p>
  
  <p>As you can see the alignment of Moday and Friday (checkbox and label) is not proper.</p>