关于Bootstrap 的 data-toggle 标签

最近在写前端时用到了bootstrap。 在设计样式时参考Flay-UI，发现了data-toggle标签，具体参考网页源代码：

Flat-UI  从中找到自己想用的样式，右键看源码：

网页源代码:     view-source:http://www.runoob.com/manual/Flat-UI/

可以看到：
 

<div class="col-xs-3">
          <h3 class="demo-panel-title">复选框</h3>
          <label class="checkbox" for="checkbox1">
            <input type="checkbox" value="" id="checkbox1" data-toggle="checkbox">
            Unchecked
          </label>
          <label class="checkbox" for="checkbox2">
            <input type="checkbox" checked="checked" value="" id="checkbox2" data-toggle="checkbox" checked="">
            Checked
          </label>
          <label class="checkbox" for="checkbox3">
            <input type="checkbox" value="" id="checkbox3" data-toggle="checkbox" disabled="">
            Disabled unchecked
          </label>
          <label class="checkbox" for="checkbox4">
            <input type="checkbox" checked="checked" value="" id="checkbox4" data-toggle="checkbox" disabled="" checked="">
            Disabled checked
          </label>
        </div> <!-- /checkboxes col-xs-3 -->

目前还是不太理解data-toggle标签，只是用bootstrap做复选框时，不加data-toggle=“checkbox” 会出问题。