Advertisement
JiriZubrycky

Untitled

Jun 14th, 2021
951
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.59 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.  
  8.     <!-- Bootstrap CSS -->
  9.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  10.  
  11.     <title>Hello, world!</title>
  12.   </head>
  13.   <body>
  14.     <nav class="navbar navbar-expand-lg navbar-light bg-light">
  15.   <a class="navbar-brand" href="#">Navbar</a>
  16.   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  17.     <span class="navbar-toggler-icon"></span>
  18.   </button>
  19.   <div class="collapse navbar-collapse" id="navbarNavDropdown">
  20.     <ul class="navbar-nav">
  21.       <li class="nav-item active">
  22.         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  23.       </li>
  24.       <li class="nav-item">
  25.         <a class="nav-link" href="#">Features</a>
  26.       </li>
  27.       <li class="nav-item">
  28.         <a class="nav-link" href="#">Pricing</a>
  29.       </li>
  30.       <li class="nav-item dropdown">
  31.         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  32.           Dropdown link
  33.         </a>
  34.         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  35.           <a class="dropdown-item" href="#">Action</a>
  36.           <a class="dropdown-item" href="#">Another action</a>
  37.           <a class="dropdown-item" href="#">Something else here</a>
  38.         </div>
  39.       </li>
  40.     </ul>
  41.   </div>
  42. </nav>
  43.  
  44.     <!-- Optional JavaScript; choose one of the two! -->
  45.  
  46.     <!-- Option 1: Bootstrap Bundle with Popper -->
  47.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
  48.  
  49.     <!-- Option 2: Separate Popper and Bootstrap JS -->
  50.     <!--
  51.    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
  52.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
  53.    -->
  54.   </body>
  55. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement