li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover,.nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover,.nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; }

<Meta charset="utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge"> <Meta name="viewport" content="width=device-width,initial-scale=1">

<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">

<ul class="nav nav-pills">
<li class="active"><a href="#">主页

<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">主页

<ul class="nav nav-pills nav-justified">
<li class="active"><a href="#">主页

<ul class="nav nav-tabs">
<li class="active"><a href="#">主页

• 菜单

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js">