在Twitter Bootstrap下拉菜单中包含一个复选框

Question

我想在Twitter Bootstrap下拉菜单中包含复选框,但是我无法将菜单文本(在<a> .. </a>中)放在复选框旁边.我已经阅读了用于表单的CSS,并尝试了各种各样的事情无济于事.

这是我认为应该工作的,但不是.

<li><label class="checkbox" ><input type="checkbox">aaa</label><a href="#" style="float:left"></a></li>

内维尔

Answer 1

一行javascript来解决Oleg中的问题答案:http://jsfiddle.net/Wsc9r/

Answer 2

将您的复选框包装成A-tag,如下所示:

<li>
    <a>
        <label>
            <input type="checkbox">
            Some text
        </label>
    </a>
</li>

您也可以添加此CSS规则

.dropdown-menu input {margin-top: -4px;}
.dropdown-menu label {margin: 0;}

Answer 3

试试这种方式 但是有一些问题