Untitled
unknown
plain_text
2 years ago
1.3 kB
2
Indexable
Never
<template> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container"> <a class="navbar-brand" href="#">My App</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contact</a> </li> </ul> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#"> <i class="fa fa-bell"></i> <span class="badge badge-pill badge-danger">3</span> </a> </li> </ul> </div> </div> </nav> </template> <script> export default { name: "Navbar", }; </script> <style> /* Add any custom styles here */ </style>