I have a bootstrap react sidebar(check attachment), but how would I go about aligning few items bottom-up way instead of top-down? In the attachment, I would like bottom two items(FAQ and Contact) lined up to bottom of screen.
<Nav className="flex-column pt-2">
<p className="ml-3">Menus</p>
<Nav.Item>
<Nav.Link href="/">
<FontAwesomeIcon icon={faTable} className="mr-2" />
Dashboard
</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link href="/">
<FontAwesomeIcon icon={faWarehouse} className="mr-2" />
Inventory
</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link href="/">
<FontAwesomeIcon icon={faTruck} className="mr-2" />
Create Order
</Nav.Link>
</Nav.Item>
<SubMenu
title="Manage"
icon={faCopy}
items={["Sales", "Employees"]}
/>
*//I want to put these two to bottom*
<Nav.Item>
<Nav.Link href="/">
<FontAwesomeIcon icon={faQuestion} className="mr-2" />
FAQ
</Nav.Link>
</Nav.Item>
<Nav.Item className="align-items-end">
<Nav.Link href="/">
<FontAwesomeIcon icon={faPaperPlane} className="mr-2" />
Contact
</Nav.Link>
</Nav.Item>
</Nav>