首页 > 其他 > 详细

Bootstrap 实例 - 下拉菜单(Dropdowns)

时间:2017-01-26 23:12:12      阅读:384      评论:0      收藏:0      [点我收藏+]
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<div class="dropdown">
    <button data-toggle="dropdown">
        主题
    </button>
    <ul class="dropdown-menu" >
        <li>
            <a>Java</a>
        </li>
    </ul>
</div>


或者

<div class="btn-group">
  <button data-toggle="dropdown">
    默认
  </button>
  <ul class="dropdown-menu">
  <li><a href="#">功能</a></li>
  </ul>
</div>

 

  效果图

 

              技术分享

Bootstrap 实例 - 下拉菜单(Dropdowns)

原文:http://www.cnblogs.com/liadmin/p/6352144.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!