码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-10-26 11:53:50      阅读:1533      评论:0      收藏:0      [点我收藏+]

标签:导航栏   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!