Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Добрый вечер, форумчане. Передо мной встала проблема, которую пока никак не могу решить. В общем есть меню, и пункты меню(то бишь название) имеют достаточно не малый размер. Но требуется сделать так, чтобы строки заполнялись до конца.
2017-04-23_21-15-00.thumb.png.419e6df1f7e65503d7d4e4d11299b1af.png

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

Надіслати
Поділитися на інших сайтах


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

1414.png.86f2f943459fc6c83edd1a8586b441cd.png

 

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

1515.png.289a7fcef2d08b78fe6e3a965a95b5d2.png

 

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

 

Что сделал

.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;
}

 

 

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

1414.png.86f2f943459fc6c83edd1a8586b441cd.png

 

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

1515.png.289a7fcef2d08b78fe6e3a965a95b5d2.png

 

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

 

Что сделал


.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;
}

 

 

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

Надіслати
Поділитися на інших сайтах


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

 

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

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.