Bootstrap 实例 - 下拉菜单（Dropdowns）

Bootstrap 实例 - 下拉菜单（Dropdowns）

<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>

  效果图

 

              

posted on 2017-01-26 22:12 木子炜培先生 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/liadmin/p/6352144.html