bootstrap+jq实现标签式/胶囊式导航栏（进阶特效版本）

原创

于 2018-12-09 21:51:38 发布 · 2.2k 阅读

CC 4.0 BY-SA版权

Bootstrap+jq 实现标签式/胶囊式导航栏（进阶特效版本）

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>index</title>
    <style media="screen">
      .row{
        padding-top: 15px;
        padding-left: 30px;
        display: none;
      }
    </style>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
  </head>
  <body>



      <div class="container">
        <h1 class="page-header">这是我的标签式导航栏</h1>

          <ul class="nav nav-pills">
             <li class="active">
                <a href="">Linux</a>
             </li>

             <li class="">
                <a href="">JAVA</a>