组合行为：按钮（复选框）和折叠

Question

http://jsfiddle.net/52VtD/8072/

有人能说出为什么上面的小提琴不起作用吗？

我正在尝试将bootstrap button和collapse行为结合使用。如果你删除data-toggle="buttons"但它与样式混淆，它可以正常工作。

Answer 1

您提供了错误的元素data-toggle和data-target。您必须将其提供给label，而不是input。

 <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-primary navbar-btn active" data-toggle="collapse" data-target="#person">
                <input type="checkbox" id="person-btn" /><span class="hidden-xs">Person</span>
            </label>
            <label class="btn btn-primary navbar-btn active" data-toggle="collapse" data-target="#vehicle">
                <input type="checkbox" id="vehicle-btn" /><span class="hidden-xs">Vehicle</span>
            </label>
        </div>

Working Example