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

我怎样才能保持页面上的所有内容不变呢？当窗口调整大小时，什么都不动，只显示一个滚动条。 我正在使用twitter引导

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

只需给出

。容器

元素的固定宽度：

.container {
    width: 900px;
}

---

演示：没用，我的导航条还是把药片放在另一个下面，让大家看看。所有的东西都缩小了尺寸以适应。这是由于自举吗？