CSS float-right not working in Bootstrap 4 Navbar

Question

I\'m trying to get my nav links to float to the right of my navbar, but I can\'t get it to work. I\'ve tried using the \".float-right\", \"float-xs-right\", and \"justify-co

Answer 1

You can use .justify-content-between on the parent .row to move the flex children to the far edges of the row.

#navbar {
    box-shadow: 0px 0px 11px #000;
    padding: 0;
}

#navbar .navbar-brand {
    font-size: 1.6em;
    font-weight: bold;
    color: #9CCC58;
}

    

        

            

                
                Scervino Lawn Service
            
            

                

                    Home
                
                

                    Services
                
                

                    About Us
                
                

                    Contact