css - 导航栏元素位置

我正在尝试制作导航栏（带有引导程序）。
当媒体的宽度> 768px时，我希望导航栏在右边（因此我添加了float：right）。但是，当宽度小于768px时，我希望汉堡包位于右侧（就像现在一样），并使元素居中。
这就是现在的样子。

最佳答案

将其添加到您的响应代码中：

@media screen and (max-width: 768px){
  .nav>li {
    position: relative;
    display: block;
    text-align: center;
  }
}

这是工作中的demo