是否还有一个复选框的文本位于复选框的左侧？我已经尝试过但不能让它工作.
我在用着
<div class="col-xs-4 col-sm-3 col-md-2 col-md-offset-2 everything-checkBox"> <div class="checkBox"> <label> <input type="checkBox" class="checkBox style-2 " checked="checked"> <span>Text goes here</span> </label> </div>
我已经尝试将跨度放在顶部,也不工作,然后如果我把它放在一个空白复选框,只是把文本放在前面,那么他们不排队.
任何帮助将非常感激.
解决方法
由于此样式,Bootstrap样式会将复选框元素向左浮动：
.radio input[type="radio"],.radio-inline input[type="radio"],.checkBox input[type="checkBox"],.checkBox-inline input[type="checkBox"] { float: left; margin-left: -20px; }
<input type="checkBox" id="checkBox1" class="checkBox style-2 pull-right" checked="checked"/>
值得注意的是,标签元素应该具有与输入元素的id属性匹配的属性,如下所示：
<div class="checkBox"> <label for="checkBox1"> <span>Text goes here</span> </label> <input type="checkBox" id="checkBox1" class="checkBox style-2 pull-right" checked="checked"/> </div>
