Bootstrap，如何在开关按钮的左侧和右侧制作文本？

Question

我想在切换按钮的左侧和右侧输入文本，如下图所示。如何解决这个问题？

代码

<div class="m-form__group form-group row">
    <label class="col-4 col-form-label">Switch yes/no</label>
    <div class="col-8">

        <span class="m-switch m-switch--outline m-switch--icon m-switch--success">
            <label>
                <input type="checkbox" checked="checked" name="">
                <span></span>
                <small>On</small>
            </label>
        </span>
    </div>
</div>

Answer 1

请参阅此页面添加文字-> https://mdbootstrap.com/docs/jquery/forms/switch/