2013-04-07 2 views
0

У меня есть простой вопрос. Я хотел бы изменить шаблон здесь http://bootswatch.com/cosmo/, чтобы ориентировать навигационную панель. Как вы можете видеть в этом примере, навигация начинается справа от контейнера. insead Я хотел бы гармонично разбросать по всей ширине контейнера ... И фиксироваться при прокрутке страницы ...Bootstrap Centered (и Fixed) Панель навигации

У вас есть идея? что я должен изменить в css? Большое спасибо!

+1

, пожалуйста, примите ответы, чтобы распространить знания другим! –

ответ

0

ли это хочу, чтобы вы ищете: http://jsfiddle.net/3eG7J/1/

CSS

.navbar { 
    position: fixed; 
    width: 100%; 
} 

.navbar .nav { 
    float: none; 
} 

.navbar .nav>li { 
    width: 20%; 
} 

.navbar .nav>li ширина зависит от того, сколько пунктов меню у вас есть.

Надеюсь, что это поможет!

+0

youre человек! спасибо –

+0

У меня есть вопрос ... Проблема в том, что я не показываю страницу, как в вашем примере, но я вставляю все содержимое в центрированный контейнер, что позволяет мне предоставить хорошее фоновое изображение. Если я использую ваш код, navbar занимает всю ширину страницы, и вместо этого я бы хотел распространять по ширине контейнера ... –

+0

Нужно ли внедрять ваш код в строку с жидкостью? –