html - 在新行上对齐 Bootstrap 按钮

Question

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

Answer 1

由于您使用的是 Bootstrap，我会将“请求演示”按钮放在新的一行中。这将使您更好地控制每一行按钮(尤其是在缩小到移动设备时)。

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

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

代码笔:http://codepen.io/marguerite/pen/JYdQPZ

这个例子没有使用 bootstrap 的默认按钮样式。