Bootstrap data-toggle 元素 终止了链接默认行为，加入pill ，开启链接

标签：导航栏   nav   dex   targe   时间   开启   index   html   active   

<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 ，开启链接

标签：导航栏   nav   dex   targe   时间   开启   index   html   active   

原文地址：http://www.cnblogs.com/ruoyuting/p/7735499.html