html – 将导航栏切换按钮对齐到右侧

概述我正在玩Bootstrap 4,更具体地说是导航栏菜单.有没有办法让小导航栏切换按钮对齐到页面右侧,而不是让它浮动到徽标旁边的左侧？ 这是我目前的代码. @media (min-width: 992px) { .navbar-nav li a { line-height: 85px; }}@media (max-width: 991px) { .navbar-brand { 我正在玩bootstrap 4,更具体地说是导航栏菜单.有没有办法让小导航栏切换按钮对齐到页面右侧,而不是让它浮动到徽标旁边的左侧？

这是我目前的代码.

@media (min-wIDth: 992px) {    .navbar-nav li a { line-height: 85px; }}@media (max-wIDth: 991px) {    .navbar-brand { float: none; }}.navbar-toggler{    border:none;    wIDth:1em;}

<nav >          <a  href="#"><img  src="img/logoMedium.png" /></a>          <button  type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button>          <div  ID="navbarResponsive">              <ul >                  <li >                      <a  href="#">Home <span >(current)</span></a>                  </li>                  <li >                      <a  href="#">About Us</a>                  </li>                  <li >                      <a  href="#">Solar Power</a>                  </li>                  <li >                      <a  href="#">No Obligation Quote</a>                  </li>                  <li >                      <a  href="#">Contact Us</a>                  </li>              </ul>          </div>      </nav>

谢谢您的帮助 ：)

@H_419_22@解决方法 只需将ml-auto类添加到切换按钮即可
以这种方式你做左边缘：自动

<button type="button"  data-toggle="collapse" data-target="#navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button>

总结

以上是内存溢出为你收集整理的html – 将导航栏切换按钮对齐到右侧全部内容，希望文章能够帮你解决html – 将导航栏切换按钮对齐到右侧所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。