Bootstrap 4 navbar with centered logo

Default  navbar in Bootstrap 4 has a left logo layout but if you need centered logo layout for your navbar then you can use this simple 3 lines of CSS code. Bootstrap 4 Centered logo navbar can be easily created by using absolute CSS positioning on the navbar-brand element of Bootstrap 4. You can Change the value of left:calc(50% – 30px); according to the width of your navbar brand element or logo image.

Dapinder

Dapinder

Leave a Reply

Your email address will not be published. Required fields are marked *