点击运行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap 堆叠的或垂直的基于胶囊式标签的导航实例</title> <meta name="description" content="Bootstrap Stacked or vertical Pills Based Navigation Example"> <link href="/try/bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="span2"> <ul class="nav nav-pills nav-stacked"> <li class="active"> <a href="#">Home</a></li> <li><a href="#">Tutorials</a></li> <li><a href="#">Practice Editor </a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </div> </body> </html>
运行结果
