html - 将标签对齐到 Bootstrap Toggle 的左侧

Question

我正在使用 bootstrap toggle 来创建这样的开关:

<form>
    <div class="checkbox">
        <label>
            <input type="checkbox" data-toggle="toggle" checked="checked" />
            Toggle Text Right
        </label>
    </div>

    <div class="checkbox">
        <label>
            Toggle Text Left
            <input type="checkbox" data-toggle="toggle" />
        </label>
    </div>
</form>

有没有办法把标签移到开关的左边？我尝试将文本放在输入之前，但不太合适。

http://jsfiddle.net/sjxd1vpt/2/

Answer 1

或者，如果您不特别需要 label 标记，则可以使用 span。

<form>
<div class="checkbox">
    <input type="checkbox" data-toggle="toggle" checked="checked" />
    <span>
        Toggle Text Right
    </span>
</div>

<div class="checkbox">
    <span>
        Toggle Text Left
    </span>
    <input type="checkbox" data-toggle="toggle" />
</div>