Twitter bootstrap 如何在Bootstrap 2.0中垂直对齐导航栏项目

在Boostrap 2.0中，导航元素在导航栏中垂直居中有困难。现在，所有元素都被刷新到导航栏的顶部。我该如何解决这个问题

我也很难让徽标和导航栏与页面边界对齐。如果您注意到，品牌和导航栏会浮动到浏览器页面的边缘。我该如何解决这个问题

我希望导航栏/标题具有以下布局：

以下是我的尝试，使用plus查看代码：

---

Fleetio处理垂直对齐问题的方法是修改

.navbar.nav>li>选择器上的填充

标准引导：

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
}

Fleetio（注意填充增加）：

要处理水平延伸至浏览器窗口边缘的导航栏，请将导航栏包装在容器中（即，
）。
Fleetio处理垂直对齐问题的方法是修改
.navbar.nav>li>选择器上的填充

标准引导：

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
}

Fleetio（注意填充增加）：

要处理水平延伸至浏览器窗口边缘的导航栏，请将导航栏包裹在容器中（即，
）