css - 如何使用 Bootstrap 在菜单中始终显示购物车图标的右侧

Question

我尝试使用 boostrap 始终在移动设备、选项卡、桌面的右侧显示购物车图标，但它不适用于响应式。如何始终在右侧显示购物车图标。

    <div class="shopingicons mr-auto">

        <a href="cart.html" class="icons-btn d-inline-block bag">
          <span class="icon-shopping-bag"></span>
          <span class="number">2</span>
        </a>

      </div>

演示:https://jsfiddle.net/nvk87are/9/

Answer 1

在 </ul> 之后添加您的以下代码导航栏代码中的标记。我在你的代码中试过了，它成功了。

<div style="float:right">
  <div class="shopingicons mr-auto">           
    <a href="cart.html" class="icons-btn d-inline-block bag">
      <span class="icon-shopping-bag"></span>
      <span class="number">2</span>
    </a>
            
          </div>
        </div>

需要更多帮助？回复再问