html – Bootstrap put复选框在下拉列表中

概述我试图在下拉列表中放置一个复选框表格,如下所示： <ul> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Dropdown Form<b class="caret"></b> </a> <ul class="dropdown-menu"> 我试图在下拉列表中放置一个复选框表格,如下所示：

<ul>  <li >    <a href="#" data-toggle="dropdown" >      Dropdown Form<b ></b>    </a>    <ul >      <li><label ><input type="checkBox">Two</label></li>      <li><label ><input type="checkBox">Two</label></li>    </ul>  </li></ul>

这是一个Demo in Bootply

但是,正如您在演示中所看到的,无论出于何种原因,实际的复选框本身都显示在下拉菜单之外.任何人都可以告诉我是什么原因造成的,以及应该如何实施？如果我拿出标签类它可以工作,但它都是成束的.

解决方法 bootstrap在其文档中使用复选框的方式如下：

<div >    <label>        <input type="checkBox">Two    </label></div>

所以你的看起来像：

<ul>    <li >        <a href="#" data-toggle="dropdown" >Dropdown Form<b ></b></a>        <ul >            <li>                <div >                    <label>                        <input type="checkBox">Two                    </label>                </div>            </li>            <li>                <div >                    <label>                        <input type="checkBox">Two                    </label>                </div>            </li>        </ul>    </li></ul>

文档：
http://getbootstrap.com/css/#forms

总结

以上是内存溢出为你收集整理的html – Bootstrap put复选框在下拉列表中全部内容，希望文章能够帮你解决html – Bootstrap put复选框在下拉列表中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。