摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap常用樣式組件與實(shí)戰(zhàn)</title> <link rel="stylesheet" href="lib/dist/css/bootstrap
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap常用樣式組件與實(shí)戰(zhàn)</title> <link rel="stylesheet" href="lib/dist/css/bootstrap.css"> </head> <body style="padding: 30px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <!--導(dǎo)航條--> <ul class="nav nav-tabs"> <li class="active"><a href="">首頁</a></li> <li><a href="">啤酒</a></li> <li><a href="">白酒</a></li> <li><a href="">洋酒</a></li> <li><a href="">行業(yè)新聞</a></li> <li><a href="">行業(yè)新聞</a></li> <li><a href="">行業(yè)新聞</a></li> <li><a href="">行業(yè)新聞</a></li> </ul> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <a href="#declare1" class="btn btn-primary" data-toggle="collapse">用戶管理</a> <div class="collapse" id="declare1"> <div class="btn-group-vertical"> <a href="" class="btn btn-default">修改密碼</a> <a href="" class="btn btn-default">用戶列表</a> <a href="" class="btn btn-default">積分查詢</a> </div> </div> <br> <a href="#declare2" class="btn btn-primary" data-toggle="collapse">商品管理</a> <div class="collapse" id="declare2"> <div class="btn-group-vertical"> <a href="" class="btn btn-default">分類管理</a> <a href="" class="btn btn-default">促銷管理</a> <a href="" class="btn btn-default">訂單管理</a> </div> </div> <br> <a href="#declare3" class="btn btn-primary" data-toggle="collapse">會(huì)員管理</a> <div class="collapse" id="declare3"> <div class="btn-group-vertical"> <a href="" class="btn btn-default">會(huì)員等級(jí)</a> <a href="" class="btn btn-default">會(huì)員新增</a> <a href="" class="btn btn-default">會(huì)員積分</a> <a href="" class="btn btn-default">會(huì)員積分</a> <a href="" class="btn btn-default">會(huì)員積分</a> </div> </div> </div> </div> </div> <script src="lib/jquery.js"></script> <script src="lib/dist/js/bootstrap.js"></script> </body> </html>
批改老師：查無此人批改時(shí)間：2018-12-20 09:40:19
老師總結(jié)：章節(jié)和作業(yè)，好像不是一個(gè)。不過做的效果不錯(cuò)，加油
