Question

我正在使用Bootstrap，我有2个选择器，我想制作一个块，以便它占用整个宽度，但在这种情况下添加btn-block似乎没有做太多。

是否可以使用本机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

Answer 1

您可以使用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

Answer 2

我认为您正在寻找的引导类是.btn-group-justified

http://getbootstrap.com/components/#btn-groups-justified

如何在Bootstrap中创建一个块的按钮组？

2 个答案: