按钮下拉菜单,顾名思义,就是一个按钮,点击按钮,弹出下拉菜单。使用bootstrap制作按钮下拉菜单,只需要在一个.btn-grounp中放置按钮和下拉菜单即可。
一般的按钮下拉菜单是这样的:
实现代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>按钮下拉菜单</title>
<link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">
<script src="../libs/jquery-3.1.1.js"></script>
<script src="../libs/bootstrap-3.3.7/js/bootstrap.js"></script>
</head>
<body>
<div class="container" style="margin-top: 20px">
<div