引导按钮单选按钮显示里面列

Question

实施Bootstrap Buttons.

当您将一个div内的每个标签，将出现单选按钮。删除div和单选按钮不出现。如何实现内部div和隐藏单选按钮？我们只需要一个div，所以我们可以使用cols。

  <div class="btn-group" data-toggle="buttons"> 
       <!--Shows radio button--> 
       <div> 
        <label class="btn btn-primary active"> 
         <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected) 
        </label> 
       </div> 
       <!--Doesn't show radio button--> 
       <label class="btn btn-primary"> 
        <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2 
       </label> 
       <!--Doesn't show radio button--> 
       <label class="btn btn-primary"> 
        <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3 
       </label> 
      </div> 

Answer 1

您只需要将display: none样式应用于输入元素。

自举的CSS规则只适用于

[数据肘节= “按钮”]> .btn>输入[类型= “无线电”]，[数据肘节= “按钮”]>。 btn> input [type =“checkbox”]

因此，通过添加一个div，您正在中断该选择。

您可以在输入元素上创建自己的类或内联样式显示：无。