<a data-toggle="collapse " class="active" href="index.html" target="blank">全部</a>
Bootstrap为这些a之类元素都绑定上了事件，而终止了链接默认行为。
反正意思就是加了 这个标签，打不开链接！
<a data-toggle="collapse " class="active" href="index.html" target="blank">全部</a>
今天写了bootstrap里面的 collapse 折叠效果，但是用了data-toggle,就不能写链接，不用就无法在折叠的同时，切换class=“active”，真是愁人啊！不行的话就不用bootstrap的collapse效果了，自己写！
我发现 data-toggle="collapse pill" 只要在 data-toggle 中加入 pill ，这个pill之前在nav 就是导航栏里面用过，意思是胶囊式导航，就是像胶囊一样的导航的样式，在这里即使data-toggle="collapse pill" 中有collapse，就是数据切换的方式=collapse,"折叠"，但是用了 pill 也可以开启链接跳转，这里吐槽一下中文的boostrap资料太少了！ 时间：2017-10-26
Bootstrap data-toggle 元素 终止了链接默认行为，加入pill ，开启链接
原文：http://www.cnblogs.com/ruoyuting/p/7735499.html