fmpq.com
源代码：
点击运行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap 基本的基于胶囊式标签的导航实例</title> <meta name="description" content="Bootstrap Basic pills Based Navigation Example"> <link href="/jscss/bootstrap/v3/bootstrap.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="span8"> <ul class="nav nav-pills"> <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>
运行结果