html - 在我的复选框 slider 附近添加文本

Question

我正在使用一些 slider 来替换我的复选框。

<div class="col-sm-4">
    <label class="switch small">
        <input type="checkbox">
        <div class="slider small"></div>
    </label>
</div>

https://jsfiddle.net/dky16b53/

请问如何在每个 slider 附近添加一些文本？

谢谢。

Answer 1

在 label 标签后放置一些文本，但仍在 div.col-sm-4 中。请参阅下面的 span 元素。

<div class="col-sm-4">
    <label class="switch small">
        <input type="checkbox">
        <div class="slider small"></div>
    </label>
    <span>Text next to slider</span>
</div>