什么元素是负责中心的菜单项垂直

Question

我去了Twitter的引导主页和复制粘贴下面的菜单：

.navbar.navbar-inverse.navbar-fixed-top 
    .navbar-inner 
    .container/I tried 'margin: 0 auto;' since nav is a display block item but with no luck 
     %button.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse", :type => "button"} 
     %span.icon-bar 
     %span.icon-bar 
     %span.icon-bar 
     %a.brand{:href => "./index.html"} Bootstrap 
     .nav-collapse.collapse 
     %ul.nav 
      %li.active 
      %a{:href => "./index.html"} Home 
      %li 
      %a{:href => "./getting-started.html"} Get started 
      %li 
      %a{:href => "./scaffolding.html"} Scaffolding 
      %li 
      %a{:href => "./base-css.html"} Base CSS 
      %li 
      %a{:href => "./components.html"} Components 
      %li 
      %a{:href => "./javascript.html"} JavaScript 
      %li 
      %a{:href => "./customize.html"} Customize 

BUT！我的物品并没有以他们的方式为中心，我试着用safari开发者工具玩，但没有任何运气！

哪个元素负责垂直居中物件？

编辑：这里

编辑：这是我在Safari工具看到的.container元素：

Answer 1

如果我找到你的话，那么它是一个有填充的锚点：10px 15px 10px;这是什么使它垂直和水平中心。

Answer 2

这不是一个居中问题。菜单项应与导航栏本身的高度相同。 您的导航栏上可能有一个太高的元素。