Question

我在使用引导程序表单时遇到了麻烦（使用Bootstrap 4）。调整大小时，我需要包装btn-group按钮。添加flex-wrap时，它就像一个咒语，但是有一个问题：我的按钮底部被隐藏了。.我不明白为什么！我已经尝试了一切（添加填充所有类型的东西），但我不知道。 Here is a screenshot

这是代码：

<div class="form-row">
  <div class="col-md-12 form-group mb-5 ">
    <label>Type de bien *</label><br />
    <div class="btn-group btn-group-toggle flex-wrap" data-toggle="buttons">
      <label class="btn btn-qual btn-toggle active">
        <input type="radio" name="options" id="option1" autocomplete="off" checked> Maison
      </label>
      <label class="btn btn-qual btn-toggle">
        <input type="radio" name="options" id="option2" autocomplete="off"> Appartement
      </label>
      <label class="btn btn-qual btn-toggle">
        <input type="radio" name="options" id="option3" autocomplete="off"> Duplex
      </label>
      <label class="btn btn-qual btn-toggle">
        <input type="radio" name="options" id="option3" autocomplete="off"> Triplex
      </label>
      <label class="btn btn-qual btn-toggle">
        <input type="radio" name="options" id="option3" autocomplete="off"> Loft/Atelier
      </label>
      <label class="btn btn-qual btn-toggle">
        <input type="radio" name="options" id="option3" autocomplete="off"> Hôtel Particulier
      </label>
    </div>
  </div>
</div>

有人知道如何解决这个问题吗？

Bootstrap btn-group flex-wrap问题

0 个答案: