Html 在新行上对齐引导按钮

我想在导航栏的右上角有两个导航按钮“注册”和“登录”，然后在下面有一个单独的按钮“请求演示”。我目前正在使用br标签按下第三个按钮，但在它创建的新行上，它会向左按前两个按钮。有人知道这样做的正确方法吗？谢谢你的推荐

我会将“请求演示”分解为单独的块/行。不要把它和“登录”和“注册”混为一谈

基本原理

---

根据您的问题，就信息体系结构而言，内容似乎是独立的。“注册”和“登录”被视为导航项，“请求演示”几乎更多的是一个营销链接，恰好位于导航附近

将您自己的样式应用于以下内容：

<ul class="nav navbar-right">
  <li>
    <p class="navbar-btn">
      <a href="/" class="btn btn-default">Register</a>
      <a href="/" class="btn btn-default">Sign In</a>
    </p>
    <p class="navbar-btn">
      <a href="/" class="btn btn-default">Request a Demo</a>
    </p>
  </li>
</ul>

因为您使用的是引导，所以我将“请求演示”按钮放在新行上。这将使您能够更好地控制每一行按钮（特别是当缩小到移动时）

登记
登录
请求演示

代码笔：

此示例不使用引导的默认按钮样式

<div class="row nav-row">
    <a class="btn" href="#">Register</a>
    <a class="btn" href="#">Sign In</a>
</div>

<div class="row nav-row">
    <a class="btn" href="#">Request a demo</a>
</div>

---

那应该行

请更新您的问题以包含您的代码。

<div class="row nav-row">
    <a class="btn" href="#">Register</a>
    <a class="btn" href="#">Sign In</a>
</div>

<div class="row nav-row">
    <a class="btn" href="#">Request a demo</a>
</div>