css - Bootstrap form-group for Radio Buttons -
can please shed light on how format radio buttons in bootstraps form-group?
it gets problem if there many radios control , wrap around next line. bootstrap control box not expend fit everything.
attached sample below had been simplified illustration purposes.
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" /> <div class="form-group has-feedback"> <label class="control-label" for="mradio">radio test</label> <div id="mradio" class="form-control"> <label class="radio-inline"> <input type="radio" name="optradio">option 1</label> <label class="radio-inline"> <input type="radio" name="optradio">option 2</label> <label class="radio-inline"> <input type="radio" name="optradio">option 3</label> <label class="radio-inline"> <input type="radio" name="optradio">option 4</label> <label class="radio-inline"> <input type="radio" name="optradio">option 5</label> <label class="radio-inline"> <input type="radio" name="optradio">option 6</label> <label class="radio-inline"> <input type="radio" name="optradio">option 7</label> <label class="radio-inline"> <input type="radio" name="optradio">option 8</label> <label class="radio-inline"> <input type="radio" name="optradio">option 9</label> <label class="radio-inline"> <input type="radio" name="optradio">option 10</label> </div> <span class="glyphicon glyphicon-ok form-control-feedback"></span> </div>
add css
overwrite height set bootstrap
.form-control {height: auto;}
Comments
Post a Comment