Как центрировать вкладки начальной загрузки twitter на странице?

Я использую twitter bootstrap для создания переключаемых вкладок. Вот css, который я использую:

<div class="container">
  <ul class="nav nav-tabs">
    <li><a href="#home" data-toggle="tab">Home</a></li>
    <li><a href="#profile" data-toggle="tab">Profile</a></li>
    <li><a href="#messages" data-toggle="tab">Messages</a></li>
    <li><a href="#settings" data-toggle="tab">Settings</a></li>
  </ul>
</div>

Этот HTML-код правильно отображает вкладки, но смещен влево (что и должно было случиться). Я попытался повозиться с CSS, чтобы вкладки располагались по центру страницы, но пока не повезло. Я думал, что кто-то с большим опытом css знает, как это сделать.

В качестве примечания, есть еще один вопрос о центрировании кнопок навигации, который я пробовал, но он не работал с простыми вкладками навигации.

Спасибо.