是否还有一个复选框的文本位于复选框的左侧？我已经尝试过但不能让它工作.
我在用着
- <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>
UPDATED EXAMPLE HERE
