无法让导航栏右侧链接向右浮动

Question

我是新手，无法弄清楚如何让我的链接浮动到右边：

<nav class="navbar navbar-default">
 <div class="container-fluid">
  <div class="navbar-header">
    <a class="navbar-brand" href="#">
        <img alt="Brand" src="...">
    </a>
    <ul class="navbar-right">
        <li>Home</li>
        <li>About Me</li>
        <li>Get in Touch</li>
    </ul>
  </div>
</div>

有人可以帮我解决这个简单的任务吗？

Answer 1

尝试以下代码

<nav class="navbar navbar-default">
<div class="container-fluid">
<a class="navbar-brand" href="#">
    <img alt="Brand" src="...">
</a>
<ul class="nav navbar-nav navbar-right">
    <li>Home</li>
    <li>About Me</li>
    <li>Get in Touch</li>
</ul>
</div>
</nav>  

查看Right Navigation

的“右对齐导航栏”示例

通过更改

来对齐右侧导航

class="nav navbar-nav" to class="nav navbar-nav navbar-right"

希望这会对你有所帮助。