Bootstrap 下拉菜单（Dropdowns）

最新推荐文章于 2021-05-31 02:41:30 发布

boonyaxnn

最新推荐文章于 2021-05-31 02:41:30 发布

阅读量491

点赞数 1

分类专栏： Bootstrap 文章标签： bootstrap 下拉菜单 Dropdowns

本文链接：https://blog.csdn.net/boonyaxnn/article/details/62045569

版权

Bootstrap 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title>Bootstrap-下拉菜单标题</title>
		 <meta charset="utf-8">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<style>
			body {    
		      padding-top: 150px;    
		      padding-bottom: 40px;      
		      font-family: '宋体';   
		    }
		</style>
	</head>

	<body>
	    <div class="container">
		<div class="dropdown">
			<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" 
			style="font-size:36px;: blue; width:100;height: 50; ">
				常用语种 <span class="caret"> </span>
			</button>
			<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
				<li role="presentation" class="dropdown-header">
					下拉菜单标题
				</li>
				<li role="presentation" >
					<a role="menuitem" tabindex="-1" href="#">中文</a>
				</li>
				<li role="presentation" class="dropdown-header">
					下拉菜单标题
				</li>
				<li role="presentation">
					<a role="menuitem" tabindex="-1" href="#">英文</a>
				</li>
			</ul>
		</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>

效果图

boonyaxnn

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap 下拉菜单（Dropdowns）

Bootstrap-下拉菜单标题 body { padding-top: 150px; padding-bottom: 40px; font-family: '宋体'; } <button type="button" class="btn
复制链接

扫一扫

专栏目录