Bootstrap Navigation Bar Part – 1
Job-ready Online Courses: Click, Learn, Succeed, Start Now!
Program 1
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2d7bF1q2WBQnHUhqaR2OuxjFiv_EIWBwqow&s" style="width:40px;">
</a>
<ul class="navbar-nav">
<li class="nav-item">Item1</li>
<li class="nav-item">Item2</li>
</ul>
</div>
</nav>
</body>
</html>
Did you like this article? If Yes, please give DataFlair 5 Stars on Google
