如何防止导航栏移动窗口调整大小？

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