Bootstrap切换的垂直定位

Question

我有几个bootstrap切换按钮，如下例所示。

出于奇怪的原因，按钮文本始终垂直对齐顶部，而从引导程序网站获取的各种示例显示按钮文本垂直居中。

查看网站上提供的文档（http://www.bootstraptoggle.com），我没有找到任何可以放入我的代码的其他设置：

    <div class="example">
        <span class="label label-primary">chk01 - Chambre 1 [A]</span>
        <input id="chk01" type="checkbox" data-onstyle="success" data-toggle="toggle" data-height="25">
    </div>
    <div class="example">
        <span class="label label-primary">chk02 - Chambre 2 [B]</span>
        <input id="chk02" type="checkbox" data-onstyle="success" data-toggle="toggle" data-height="25">
    </div>
    <div class="example">
        <span class="label label-primary">chk03 - Chambre 3 [N]</span>
        <input id="chk03" type="checkbox" data-onstyle="success" data-toggle="toggle" data-height="25">
    </div>
    <div class="example">
        <span class="label label-primary">chk04 - Salle de bains (Lavabo) [C]</span>
        <input id="chk04" type="checkbox" data-onstyle="success" data-toggle="toggle" data-height="25">
    </div>
    <div class="example">
        <span class="label label-primary">chk05 - Salle de bains (Baignoire) [D]</span>
        <input id="chk05" type="checkbox" data-onstyle="success" data-toggle="toggle" data-height="25">
    </div>
    <div class="example">
        <span class="label label-primary">chk06 - Lumi&#232;re WC [Z]</span>
        <input id="chk06" type="checkbox" data-onstyle="success" data-toggle="toggle" data-height="25">
    </div>

关于我错过的任何想法？我希望我的问题很清楚。非常感谢您的帮助。