Bootstrap框架--1.5下拉菜单

<--使用一个类名为dropdown或btn-group的div包裹整个下拉框;默认向下dropdown,向上弹起dropup-->
<div class="dropdown">
    <--使用button作为父菜单,使用类名:dropdown-toggle和自定义data-toggle属性-->
    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        喜欢的频道
        <--设置下拉箭头-->
        <span class="caret"></span>
    </button>
    <--下拉菜单项使用一个ul列表,并且定义一个类名为dropdown-menu-->
    <ul class="dropdown-menu">
        <--分组标题:li添加类名"dropdown-header"来实现分组的功能-->
        <li class="dropdown-header"><a href="" target="_blank">科普</a></li>
        <li class="active"><a href="">人与自然</a></li>
        <--分组分割线:<li>添加类名"divider"来实现添加下拉分割线的功能-->    
        <li class="divider"></li>//分组分割线
        <li class="dropdown-header"><a href="">搞笑</a></li>
    </ul>
</div

 target="_blank":新开一个窗口打开链接

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值