■レイアウト:Flex d-flex:ユーティリティ:flexコンテナの主軸方向の整列 justify-content-center

flex文字01
flex文字02
flex文字03
  <div class="d-flex justify-content-center">
    <div>flex文字01</div>
    <div>flex文字02</div>
    <div>flex文字03</div>
  </div>
■ドロップダウン:dropdown-menu:コンポーネント:ドロップダウン方向を変更する

<div class="container py-5 d-flex justify-content-center">
  <!-- 上方向へのドロップ -->
  <div class="btn-group dropup">
    <!-- 切り替えボタン -->
    <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">上方向へのドロップ</button>
    <!-- ドロップダウンメニュー -->
    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
      <a class="dropdown-item" href="#">メニュー01</a>
      <a class="dropdown-item" href="#">メニュー02</a>
      <a class="dropdown-item" href="#">メニュー03</a>
    </div>
  </div>
</div>