Bootstrap中的活动导航状态

对于活动状态,请将<span class =“ badge”>放置到Bootstrap中的活动链接中-

您可以尝试运行以下代码来实现此目的

示例

<!DOCTYPE html>

<html>

   <head>

      <title>Bootstrap Example</title>

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

      <script src = "/scripts/jquery.min.js"></script>

      <script src = "/bootstrap/js/bootstrap.min.js"></script>

   </head>

   <body>

      <h4>Active State in navigations</h4>

      <ul class = "nav nav-pills nav-stacked" style = "max-width: 260px;">

         <li class = "active">

            <a href = "#">

               <span class = "badge pull-right">29</span>

               Home

            </a>

         </li>

         <li>

            <a href = "#">

               <span class = "badge pull-right">9</span>

               Mail

            </a>

         </li>

      </ul>

   </body>

</html>

以上是 Bootstrap中的活动导航状态 的全部内容, 来源链接: utcz.com/z/331177.html

回到顶部