html - How to make a button group in to a block in Bootstrap? -


i using bootstrap , have 2 selectors want make block takes complete width, adding btn-block didn't seem in case.

is possible native bootstrap?

  <div class="form-group btn-group" data-toggle="buttons">     <label class="btn btn-default btn-lg">       <input type="radio" name="gender" value="female" required=""><i class="fa fa-female"></i> female     </label>     <label class="btn btn-default btn-lg">       <input type="radio" name="gender" value="male" required=""><i class="fa fa-male"></i> male     </label>   </div> 

bootply: http://www.bootply.com/ifkuysbczi

you can use btn-group-justified

 <div class="form-group btn-group btn-group-justified" data-toggle="buttons">           <label class="btn btn-default btn-lg">              <input type="radio" name="gender" value="female" required=""><i class="fa fa-female"></i> female           </label>           <label class="btn btn-default btn-lg">              <input type="radio" name="gender" value="male" required=""><i class="fa fa-male"></i> male           </label>  </div> 

http://bootply.com/y3toxvlucw


Comments

Popular posts from this blog

java - Andrioid studio start fail: Fatal error initializing 'null' -

android - Gradle sync Error:Configuration with name 'default' not found -

StringGrid issue in Delphi XE8 firemonkey mobile app -