<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css"> <script src="bootstrap/js/jquery-3.2.1.js"></script> <script src="bootstrap/js/bootstrap.js"></script> <style> </style> </head> <body> <div class="container-fluid"> <!--下拉列表--> <div class="dropdown"> <button class="btn btn-success" data-toggle="dropdown"> 登录<span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">QQ登录</a></li> <li><a href="#">QQ登录</a></li> </ul> </div> <!--标签页--> <!--普通标签页--> <ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">ShoppingCat</a></li> <li><a href="#">Mine</a></li> </ul> <!--胶囊标签页--> <ul class="nav nav-pills"> <li class="active"><a href="#">Home</a></li> <li><a href="#">ShoppingCat</a></li> <li><a href="#">Mine</a></li> </ul> <!--纵向标签页--> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">Home</a></li> <li><a href="#">ShoppingCat</a></li> <li><a href="#">Mine</a></li> </ul> </div> </body> </html>