Question

我使用bootstrap切换

这是代码

<div id="switcher" class="doctors-appointment">
    <div class="Row">
        <div class="Column">
            <b>Doctor's appointment</b>
        </div>
        <div class="Column">
            <input id="toggle-event" type="checkbox" data-toggle="toggle" data-width="30" data-height="30">
        </div>
        <div class="Column">
            <b>For internal purposes</b>
        </div>
    </div>
</div>

它会产生这个

<div class="toggle-group"><label class="btn btn-primary toggle-on" style="line-height: 20px;"></label><label class="btn btn-default active toggle-off" style="line-height: 20px;"></label><span class="toggle-handle btn btn-default"></span></div>

正如您在标签中看到的那样，on和off文字。我需要删除它。

我怎么能这样做？

Answer 1

您可以使用javascript api进行设置。您可以为“开”和“关”条件指定任何文本。默认情况下，文本设置为“开”和“关”。只需将它们设置为空白字符串：

  $(function() {
    $('#toggle-event').bootstrapToggle({
      on: '',
      off: ''
    });
  })

Answer 2

您可以为标签设置std::fs::File，您需要设置课程visibility:hidden。请参阅下面的jsfiddle。

小提琴： here

<强> CSS：

disable-labels

从引导程序切换中删除标签

2 个答案: