导航栏元素位置

Question

我正在尝试制作导航栏（bootstrap）。 当媒体的宽度大于 768px 时，我希望导航栏位于右侧（因此我添加了 float: right）。但是当宽度 <768px 时，我希望汉堡包在右边（就像现在一样），并且元素居中。 这是现在的样子。

Answer 1

将此广告添加到您的响应代码中：

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

这是一个有效的demo