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％指标，而不仅仅是固定的px。所以你可以改变代码使它看起来像这样。

$('.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%">

自举切换，宽度为100％

1 个答案: