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

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -