Bootstrap导航 - 折叠并将导航（按钮）移动到底部（导航栏固定底部）

Question

我正在使用徽标和单个按钮构建简单的导航栏。我希望按钮在较小的屏幕上折叠，并使用固定的导航栏移动到底部。与https://onlycoin.com/

类似

我不太确定如何做到这一点，我可以使用任何建议/帮助。

这是我用于导航栏的代码：

    <!-- Navigation -->
<nav class="navbar navbar-fixed-top" data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  <div class="container">

      <div class="logo">
        <a class="navbar-brand" href="#">Nano-Ojas™</a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">  
          <li>
            <button type="button" class="navbar-btn btn btn-danger">Order Now</button>
          </li>
        </ul>               
    </div>
  </div>
</nav> 


<div class="navbar navbar-fixed-bottom visible-xs-inline-block">
    <div class="container">
            <ul class="nav navbar-nav">  
              <li>
                <button type="button" class="navbar-btn btn btn-danger">Order Now</button>
              </li>
            </ul>
    </div>
</div><!-- Navigation -->