zoukankan      html  css  js  c++  java
  • bootstrap下拉菜单插件

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8"> 
    	<title>Bootstrap 下拉菜单</title>
    	<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>
    </head>
    <body>
    
    <nav class="navbar navbar-default" role="navigation">
    	<div class="container-fluid"> 
    	<div>
    		<ul class="nav navbar-nav">
    			<li class="active"><a href="#">iOS</a></li>
    			<li><a href="#">SVN</a></li>
    			<li class="dropdown">
    				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
    					Java 
    					<b class="caret"></b>
    				</a>
    				<ul class="dropdown-menu">
    					<li><a href="#">jmeter</a></li>
    					<li><a href="#">EJB</a></li>
    					<li><a href="#">Jasper Report</a></li>
    					<li class="divider"></li>
    					<li><a href="#">分离的链接</a></li>
    					<li class="divider"></li>
    					<li><a href="#">另一个分离的链接</a></li>
    				</ul>
    			</li>
    		</ul>
    	</div>
    	</div>
    </nav>
    </body>
    </html>
    

     向链接或按钮添加 data-toggle="dropdown" 来切换下拉菜单

  • 相关阅读:
    CF766 ABCDE
    CF767 C.Garland DFS
    CF767 B. The Queue 贪心+细节
    CF767 A. Snacktower 暴力
    CF760 D Travel Card 简单DP
    CF760 C. Pavel and barbecue 简单DFS
    CF758 D. Ability To Convert 细节处理字符串
    ZOJ 3787 Access System 水
    ZOJ 3785 What day is that day?
    ZOJ 3782 G
  • 原文地址:https://www.cnblogs.com/ncloud/p/8094150.html
Copyright © 2011-2022 走看看