Как мне центрировать стандартное навигационное меню bootstrap'a 3?

Question

[loogle18]

Привет, друзья!
Помогите центрировать стандартное навигационное меню bootstrap'a 3.

Сделал отзывчивую шапку сайта с навигационным меню на bootstrap. Так вот, когда я центрирую это самое нав.меню, то оно центрируется и на маленьком экране при выпадении.
Суть вопроса:
Как сделать так, чтобы на большом экране это меню: было по центру, но не было по центру тут: ?

Заранее спасибо за ответы!
P.S. Принимаю критику, пинок под зад и добрый ответ;)

Answer 1

[Вася Перегаркин]

@media screen and (max-width: 768px) {
  .navbar {
    text-align: center;
  }
}

Классы только свои напиши.

Comments

[loogle18]

Спасибо за помощь! Не могли бы Вы еще ответить на один вопрос? Добавил комментарий внизу.

[Вася Перегаркин]

loogle18: вместо "max-width" попробуйте "min-width"

[loogle18]

Слава Ковязин: Спасибо за ответ! Разобрался!)

Answer 2

[loogle18]

Может я что-то перепутал, но теперь оно вот так: и

А мне как-бы надо наоборот...
Не подскажите в чем дело? Может класс не тот прописал?

Comments

[Stepan Yudin]

Надо в media -query изменить
media screen and (max-width: 768px)
на
media screen and (min-width: 768px)

[loogle18]

Пробовал это с самого начала, но ничего...Не пойму.., может, класс не тот задал, хотя, если бы задал не тот, класс, то и в первый раз ничего бы не получилась (как на рис. сверху)...Ведь так?
Ломаю голову, не пойму, то не так.

[loogle18]

Степан Юдин: Спасибо за ответ! Разобрался!)