Bootstrap 5 dropdowns dropup

<!DOCTYPE html>
<title>My Example</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

<style>
body {
padding-top: 1em;
}	
</style> <div class="container-fluid">
		
<div class="dropup">
    <button class="btn btn-primary dropdown-toggle" type="button" id="about-us" data-bs-toggle="dropdown" aria-expanded="false">
    About Us
    </button>
    <ul class="dropdown-menu" aria-labelledby="about-us">
    <li><a class="dropdown-item" href="#">Our Story</a></li>
    <li><a class="dropdown-item" href="#">Our Team</a></li>
    <li><a class="dropdown-item" href="#">Contact Us</a></li>
    </ul>
</div>

<style>
.dropup {margin-top:120px;}
</style>

</div>
		

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>