navbar right align bootstrap 5
ml-auto => ms-auto (start)
mr-auto => me-auto (end)navbar right align bootstrap 5
ml-auto => ms-auto (start)
mr-auto => me-auto (end)align navbar items to the right in Bootstrap 4
<!DOCTYPE html>
<html>
<head>
<!-- Including the bootstrap CDN -->
<link rel="stylesheet" href=
"https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js">
</script>
<script src=
"https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js">
</script>
</head>
<body>
<!-- Creating a navigation bar using the
.navbar class of bootstrap -->
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">
About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Contacts
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Settings
</a>
</li>
</ul>
</nav>
</body>
</html>how to right align nav items in bootstrap 5
Use ms-auto inside navbar-nav class. => <ul className="navbar-nav ms-auto">Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
