如何防止導航欄在窗口調整大小時轉移？

Question

如何將所有內容按原樣保留在頁面上，所以當調整窗口大小時，什么都不會移動，只會出現滾動條。 我正在使用Twitter Bootstrap。

   <div class="container">
  <div class="text-center">
     <ul class="nav nav-pills" role="tablist">
      <li role="presentation" class="active"><a href="#">Home</a></li>
      <li role="presentation"><a href="#">TierList</a></li>
      <li role="presentation"><a href="#">Tournaments</a></li>
      <li role="presentation"><a href="#">Team Maker</a></li>
      <li role="presentation"><a href="#">Counters</a></li>
      <li role="presentation"><a href="#">Builds</a></li>          
      <li role="presentation"><a href="#">Forum</a></li>
      <li role="presentation"><a href="#">Contact Us</a></li>
    </ul>
  </div>

Answer 1

只要給.container元素固定寬度：

.container {
    width: 900px;
}

演示： http : //plnkr.co/edit/3QLf5ThO7lwLdfQQCbuH?p=preview