<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 实现响应式,支持移动设备 --> <title>web小学期作业</title> <script src="js/jquery.min.js"></script> <!-- 引入jquery --> <script src="js/bootstrap.min.js"></script> <!--引入bootstrap--> <script src="js/template-web.js"></script> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"/> <style type="text/css"> </style> </head> <body> <div class="container"> <div class="row"> <div class="panel panel-default"> <div class="form-horizontal"> <!--将文本框包括在panel中--> <div class="form-group title" style="margin-top:15px"> <div class="col-md-4" style="margin-left:15px"> <input type="text" id="search_text" class="form-control" placeholder="请输入要查询的图书名"/> </div> <div class="col-md-4"> <button type="button" id="search_button" class="btn btn-info" title="点击查询图书">查询</button> </div> <button type="button" id="addnewbook" class="btn btn-default" style="text-align: right;"> <span class="glyphicon glyphicon-plus"></span> </button> </div> </div> </div> </div> </div> </body>