Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1, shrink-to-fit=no"
- />
- <meta name="description" content="" />
- <meta
- name="author"
- content="Mark Otto, Jacob Thornton, and Bootstrap contributors"
- />
- <meta name="generator" content="Jekyll v3.8.5" />
- <title>Fixed top navbar example · Bootstrap</title>
- <link
- rel="canonical"
- href="https://getbootstrap.com/docs/4.3/examples/navbar-fixed/"
- />
- <!-- Bootstrap core CSS -->
- <link
- rel="stylesheet"
- href="/assets/libs/bootstrap/bootstrap-4.3.1-dist/css/bootstrap.min.css"
- />
- <!-- link fonusom css -->
- <link rel="stylesheet" href="/assets/libs/fontawesome/css/all.min.css" />
- <!-- link app css -->
- <link rel="stylesheet" href="/assets/css/app.css" />
- </head>
- <body>
- <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light">
- <a class="navbar-brand" href="#">CIshop</a>
- <button
- class="navbar-toggler"
- type="button"
- data-toggle="collapse"
- data-target="#navbarCollapse"
- aria-controls="navbarCollapse"
- aria-expanded="false"
- aria-label="Toggle navigation"
- >
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <a class="nav-link" href="#"
- >Home <span class="sr-only">(current)</span></a
- >
- </li>
- <!-- <li class="nav-item dropdown">
- <a
- href="#"
- class="nav-link dropdown-toggle"
- id="dropdown-1"
- data-toggle="dropdown"
- aria-haspopup="true"
- aria-expanded="false"
- >Manage</a
- >
- <div class="dropdown-menu" aria-labelledby="dropdown-1">
- <a href="/andmin-categori.html" class="dropdown-item">kategori</a>
- <a href="/admin-product.html" class="dropdown-item">produk</a>
- <a href="/andmin-order.html" class="dropdown-item">order</a>
- </div>
- </li> -->
- <li class="nav-item dropdown">
- <a
- href="#"
- class="nav-link dropdown-toggle"
- id="dropdown-1"
- data-toogle="dropdown"
- aria-haspopup="true"
- aria-expanded="false"
- >Manage</a
- >
- <div class="dropdown-menu" aria-labelledby="dropdown-1">
- <a href="/admin-category.html" class="dropdown-item">Kategori</a>
- <a href="/admin-product.html" class="dropdown-item">Produk</a>
- <a href="/admin-order.html" class="dropdown-item">Order</a>
- </div>
- </li>
- </ul>
- <form class="form-inline mt-2 mt-md-0">
- <input
- class="form-control mr-sm-2"
- type="text"
- placeholder="Search"
- aria-label="Search"
- />
- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">
- Search
- </button>
- </form>
- </div>
- </nav>
- <main role="main" class="container">
- <div class="jumbotron">
- <h1>Navbar example</h1>
- <p class="lead">
- This example is a quick exercise to illustrate how fixed to top navbar
- works. As you scroll, it will remain fixed to the top of your
- browser’s viewport.
- </p>
- <a
- class="btn btn-lg btn-primary"
- href="/docs/4.3/components/navbar/"
- role="button"
- >View navbar docs »</a
- >
- </div>
- </main>
- <script src="/assets/libs/jquery/jquery-3.7.1.min.js"></script>
- <script src="/assets/libs/bootstrap/bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment