Is there a way to modify the height of the navigation links in Bootstrap?
To set a specific height, such as for the navbar, you may encounter issues where it doesn't occupy the entire space.
CSS CODE:
.navLogo {
width: 15%;
height: 100%;
}
.navbar {
}
.navbar-dark {
background-color: rgba(0, 0, 0, 0.5);
}
.navbar-dark .navbar-brand {
color: #000000;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #000000;
}
.navbar-dark .navbar-nav .nav-link {
color: #000000;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: #FFFFFF!important;
background-color: rgba(0, 0, 0, 0.5);
border-bottom: 2px solid #FF8401;
}
...