https://getbootstrap.com/docs/4.6/utilities/clearfix/

<div class="bg-info clearfix">
  <button type="button" class="btn btn-info float-left">  </button>
  <button type="button" class="btn btn-info float-right">Example Button floated right</button>
</div>

https://getbootstrap.com/docs/4.6/components/scrollspy/

<!-------------大字报（好看的导航条）---------------->
<nav id="navbar-example2" class="navbar navbar-dark" style=";background: #6AC3D3; border-radius: 8px;">
  <a class="navbar-brand" href="Guide?id=52593d69-c99a-4367-8b98-08d9a65be47e"><i class="fas fa-bell animated headShake infinite slow"></i></a>
  <ul class="nav nav-pills">
    <li class="nav-item">
<a href="https://www.yuque.com/gpzy" target="_blank" class="nav-link"><i class="fas fa-duck" style='color:#FFF'></i>   <font color=#FFF>YUQUE</font></a>
    </li>
    <li class="nav-item">
<a href="https://getquicker.net/KC" target="_blank" class="nav-link"><i class="fas fa-book-reader" style='color:#FFF'></i>   <font color=#FFF>Document</font></a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link text-info bg-light dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"><i class="fas fa-skull animated headShake"></i>  Recommend</a>
      <div class="dropdown-menu">
        <a class="dropdown-item" href="Guide?id=52593d69-c99a-4367-8b98-08d9a65be47e&step=c0fa24b4-60b2-4b79-a9c2-08d9a8aacebd"><i class="fas fa-tshirt"></i>  外观库</a>
        <div role="separator" class="dropdown-divider"></div>
        <a class="dropdown-item" href="Guide?id=52593d69-c99a-4367-8b98-08d9a65be47e&step=7bcc17cd-e02d-4d1a-8ba2-08d9a65bf374"> <i class="fas fa-user-astronaut"></i>   名人堂</a>
        <div role="separator" class="dropdown-divider"></div>
        <a class="dropdown-item" href="Guide?id=52593d69-c99a-4367-8b98-08d9a65be47e&step=6afd2ab9-0f0d-4e11-63c7-08d9abef36b7"><i class="fas fa-frog"></i>   表情墙</a>
        <div role="separator" class="dropdown-divider"></div>
        <a class="dropdown-item" href="Guide?id=52593d69-c99a-4367-8b98-08d9a65be47e&step=cbee37f1-cf68-40db-de06-08d9b6c7a9c4"><i class="fab fa-fort-awesome"></i>   乐享驿站</a>
      </div>
    </li>
  </ul>
</nav>
<!-------------大字报（好看的导航条）---------------->