如何定位導航欄？

Question

我正在嘗試學習引導程序，到目前為止，它非常有趣。 我已經在這個問題上停留了一段時間，我想將導航欄的空間縮小到屏幕的五分之二。 我認為，如果以這種方式隔開，它將看起來更好，但我一直無法找到解決方案。 我想知道是否有任何方法可以做到這一點。

<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">

引導示例