Bootstrap 4 引导，如何在开关按钮的左侧和右侧生成文本？

我想在开关按钮的左侧和右侧创建一个文本，就像下图所示。如何解决这个问题

代码

<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>

开关是/否
在…上

---

请参阅本页添加文本->

我没有使用mdbootstrap..本页也没有如何并排添加两个文本的实际信息。。。