如何定位导航栏？

Question

我正在尝试学习bootstrap，到目前为止它非常有趣。我一直坚持这个问题，我想把我的导航栏放在屏幕的五分之二处。我认为如果间隔那么它看起来会更好但是我找不到解决方案。我想知道是否有任何方法可以做到这一点。

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>                        
    </button>     
    <a class="navbar-brand" href="index.html"><strong>Website</strong></a>
  </div>
  <div class="collapse navbar-collapse" id="myNavbar">
    <ul class="nav navbar-nav">
      <li class="active"><a href="index.html">Home</a></li>
      <li><a href="products.html">Products</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </div>
  </div>
</nav>

Answer 1

您可以创建一个css类：

.adjust-margins-container{
    margin-left: 30%;
}

然后将该类添加到：

<div class="container-fluid adjust-margins-container">

bootply example