Setting frontend page by Bootstrap 5

Initial setting of navbar, body and footer.

Issue 1. How to let unordered element on right side of navbar?

Step1. Copy the navbar code from bootstrap.

Step2. Add justify-content-end and remove me-auto

unordered element is on right side.

Issue 2. How to let dropdown menu stay on page?

Add dropdown-menu-end after dropdown-menu, then dropdown menu won’t be slightly over the page.

Issue 3. How to let footer on bottom of page?

Step1 . Add class of body.

Step2. Add class of footer

Then we can keep footer on the page’s bottom.