css - 宽度为 100% 的 Bootstrap 切换

Question

我正在使用 Bootstrap 切换插件 link我想知道如何将宽度设置为 100%，如 btn-block 以占据父元素的所有空间。
现在我可以只用 px 值设置 with 。

$('.toggle').bootstrapToggle({
    on: 'Y',
    off: 'N',
    width: ONLY FIXED SIZE IN PX,
    size: 'small'
});

我试图为此创建一个自定义类，但没有成功。

<div class="row">
    <div class="col-md-2">
        <input type="checkbox" class="toggle" name="cb1" value="1">
    </div>
    <div class="col-md-3">
        <input type="checkbox" class="toggle" name="cb2" value="1">
    </div>
    <div class="col-md-4">
        <input type="checkbox" class="toggle" name="cb3" value="1">
    </div>
</div>

我该怎么办？谢谢

Answer 1

可以直接给width百分比指标也是如此，而不仅仅是固定的像素。因此，您可以更改代码以使其看起来像这样。

$('.toggle').bootstrapToggle({
    on: 'Y',
    off: 'N',
    width: '100%',
    size: 'small'
});

或者，您可以删除 width来自 .bootstrapToggle() 的参数方法并像这样在 HTML 中使用它。

<input type="checkbox" class="toggle" name="cb1" value="1" data-width="100%">