html - Bootstrap 3 checkbox doesn't align with form label -
<div class="form-group"> <label for="property_feature" class="col-md-4 col-sm-4 control-label">ফিচার</label> <div class="col-md-8 col-sm-8 col-md-offset-4"> <label class="checkbox-inline"> <input type="checkbox" value="1" id="property_furnished" name="feature">আসবাবপত্রে সজ্জিত </label> <label class="checkbox-inline"> <input type="checkbox" value="2" id="property_sublet" name="feature">সাবলেট </label> <label class="checkbox-inline"> <input type="checkbox" value="3" id="property_mess" name="feature">মেস </label> </div> </div>
the above code gives me following output. want displayed inline. how can this?
a more bootstrap focused approach to restructure code such:
<form class="form-inline"> <div class="col-md-8 col-sm-8 col-md-offset-4"> <div class="form-group"> <label for="property_feature">ফিচার</label> </div> <div class="form-group"> <label for="property_furnished">আসবাবপত্রে সজ্জিত</label> <input value="1" id="property_furnished" name="feature" type="checkbox"> </div> <div class="form-group"> <label for="property_sublet">সাবলেট</label> <input value="2" id="property_sublet" name="feature" type="checkbox"> </div> <div class="form-group"> <label for="property_mess">মেস </label> <input value="3" id="property_mess" name="feature" type="checkbox"> </div> </div> </form>
one of main issues in code first label outside of div class sets column position. aren't including in col-md-offset-4 specify.
here's bootply http://www.bootply.com/ekh1cpmeht want adjust spacing between property_feature
label , property_furnished
.
Comments
Post a Comment