Прежде всего, это то, что я пытаюсь сделать:

Пример http://www.n2media.com/img/header-example.jpg

Я надеюсь, что это будет выглядеть на большом экране, но затем вернусь к панели навигации Bootstrap по умолчанию на мобильном телефоне:

Пример 2 http://www.n2media.com/img/header-example-mobile.jpg

Я смог увеличить логотип, следуяэтот пример.

Я также нашел много способов сделать простые ссылки центрированными. Тот, который я использовал, был таким:

.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}

Однако я не смог получитьnavbar-brand элемент в центр между всеми простыми ссылками. Даже если я это сделаю, я не уверен, как я могу исключить это из сворачивающихся элементов для маленьких экранов.