导航栏元素位置

Question

我正在尝试创建一个导航栏（带引导程序）。 当媒体的宽度> 768px我想让导航栏在右边（所以我添加了float：right）。但是当宽度<768px时，我希望汉堡包在右边（就像它现在一样），并且要使中心元素。 这就是它现在的样子。

Answer 1

将此与您的响应代码相符：

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

这是一个有效的demo