<!DOCTYPE html><html lang="en"><head> <title>Bootstrap模板</title> <meta charset="UTF-8"> <!-- 表示根據裝置的大小調整頁面顯示的寬度--> <meta name="viewport" content="width=device-width,initial-scale=1"> <!-- Bootstrap需要jQuery的支援 匯入jQuery開發包--> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <!-- Bootstrap需要的js包--> <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> <!--Bootstrap需要的CSS樣式--> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"></head><body><br><br><br><br><br><!--bootstrap:下拉式功能表 --><div class="container"> <div class="row"> <div class="col-md-6"> <div class="input-group"> <span class="input-group-btn"> <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">選擇所在的城市<span class="caret"></span> </button> <ul class="dropdown-menu"> <li>北京</li> <li>上海</li> <li>深圳</li> <li>廣州</li> </ul> </span> <input type="text" class="form-control" placeholder="請選擇所在的城市"> </div> </div> </div></div></body></html>