Edit Question - KnowledgeHub

Title Body

Few days ago Twitter Bootstrap 3 RC1 released and i just started to play with it on a personal project. I have a horizontal form which includes some inline radio-checkbox groups but horizontal alignment of these elements are not equal: Question 1: Why chrome doesn't displays help-block element on the same line with the label? Question 2: How to align inline radio group on the same line with label? Question 3: Is following markup valid? Are these problems related with the markup? Markup: <div class="container"> <form class="form-horizontal"> <div class="form-group"> <label class="col-lg-2 control-label">Weight</label> <div class="col-lg-1"> <input type="text" name="weight" class="form-control" value="20"> </div> <div class="help-block"> grams</div> </div> <div class="form-group"> <label class="col-lg-2 control-label">Full part name</label> <div class="col-lg-6"> <input type="text" name="name" class="form-control" placeholder="Don't use numeric characters.."> </div> </div> <div class="form-group"> <label class="col-lg-2 control-label">Inline radios</label> <div class="col-lg-10"> <label class="radio-inline"> <input type="radio" name="radio"> Hello </label> <label class="radio-inline"> <input type="radio" name="radio"> Other </label> <label class="radio-inline"> <input type="radio" name="radio"> Another </label> <label class="radio-inline"> <input type="radio" name="radio" checked="checked"> Foobar <

Tags (comma-separated) Cancel