******************徽章************************* * *给链接,Bootstrap导航等等加入<span class="badge">, *可以容易地高亮新的或未读的条目。 * ******************************************* 效果图: 源码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png"> <title>Navbar Template for Bootstrap</title> <link rel="stylesheet" href="../../css/bootstrap.min.css" type="text/css"></link> </head> <body> <!-- ******************徽章************************* * *给链接,Bootstrap导航等等加入<span class="badge">, *可以容易地高亮新的或未读的条目。 * ******************************************* --> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#">Home<span class="badge">3</span></a></li> <li><a href="#">Profile</a></li> <li><a href="#">Messages<span class="badge">6</span></a></li> </ul> </body> <script type="text/javascript" src="../../js/jquery-2.0.0.min.js"></script> <script type="text/javascript" src="../../js/bootstrap.min.js"></script> </html> |
|
来自: I_T_馆 > 《bootstrap》