HTML

multiple checkbox in one line bootstrap

<div class="container">
<div class="row">   
<label class="col-md-12 control-label" for="checkboxes">Day(s) of  Week</label>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-1 checkbox-inline" for="checkboxes-0">
  <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
  Su
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-1">
  <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
  Mo
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-2">
  <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3">
  Tu
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-3">
  <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4">
  We
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-4">
  <input type="checkbox" name="checkboxes" id="checkboxes-4" value="5">
  Th
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-5">
  <input type="checkbox" name="checkboxes" id="checkboxes-5" value="6">
  Fr
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-6">
  <input type="checkbox" name="checkboxes" id="checkboxes-6" value="7">
  Sa
</label>
</div>
</div>
</div>