Меню в шапке. Проблема с отображением.

[WineMaker]

Добрый вечер, форумчане. Передо мной встала проблема, которую пока никак не могу решить. В общем есть меню, и пункты меню(то бишь название) имеют достаточно не малый размер. Но требуется сделать так, чтобы строки заполнялись до конца.

Как перенести сюда блоки? С какой стороны подойди к этому вопросу, кому не тяжело пните меня.

[unknown]

Ссылку дайте

Змінено 23 квітня 2017 користувачем unknown

[WineMaker]

3 минуты назад, unknown сказал:

Ссылку дайте

ссылочка

[unknown]

Так подойдет?

 

На мобильной версии конечно не очень

 

но можете поправить

 

Что сделал

.navbar-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.nav > li {
    -webkit-flex: 1 5em;
    flex: 1 5em;
    white-space: nowrap;
}

 

 

[WineMaker]

13 часов назад, unknown сказал:

Так подойдет?

 

На мобильной версии конечно не очень

 

но можете поправить

 

Что сделал

.navbar-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.nav > li {
    -webkit-flex: 1 5em;
    flex: 1 5em;
    white-space: nowrap;
}

 

 

Твой вариант подошёл, спасибо большое.
Правда пришлось шаманить с медиа-запросами, чтобы отображалось нормально.

[unknown]

41 minutes ago, WineMaker said:

Правда пришлось шаманить с медиа-запросами, чтобы отображалось нормально.

 

Так вы просили пнуть, а не решить

[WineMaker]

1 час назад, unknown сказал:

 

Так вы просили пнуть, а не решить

я ничего вам не говорю, спасибо большое за вашу помощь.
Вы все верно сделали. Показали в какую сторону двигаться, а я уже доделал.