Bootstrap - align labels with checkbox

html.html

<div class="row search-options">
    <div class="col-sm-3 col-sm-offset-1">
      <label class="label-fix"><input type="checkbox" value="Food" class="text-center label-fix"/>
        Food</label>
        <!--<label class="label-fix checkbox" for="food">Food</label>-->
    </div>
    <div class="col-sm-3 col-sm-offset-1">
      <label class="label-fix"><input type="checkbox" value="Booze" class="text-center label-fix"/>
        Booze</label>
    </div>
    <div class="col-sm-3 col-sm-offset-1">
      <label class="label-fix"><input type="checkbox" value="All" class="text-center label-fix"/>
        All</label>
    </div>
  </div>

style.css

label.label-fix{
  display: block;
  padding-left: 20px;
  text-indent: -15px;
  line-height: 18px;
  cursor: pointer;

}
input.label-fix{
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
  cursor: pointer;
}