Bootstrap Inline Block не работает должным образом

Question

Посетите этот сайт: http://pazomall.storehippo.com/

Вы можете увидеть главное меню, где есть 3 варианта (Моя учетная запись, Нужна помощь и корзина)!Как вы можете видеть, Корзина не подходит для других параметров.

Я пробовал display: inline-block;, но она не работает вообще.Помогите мне встроить эти меню (используйте инструменты разработчика Chrome).

Answer 1

Вы не можете выровнять 'cart' с 'My Account' и 'Need Help', потому что у div, содержащего эти списки, есть класс 'col-md-3', а первые два элемента списка имеют всю ширину, поэтомупочему это упаковка ниже.Поэтому вам нужно указать класс col-md-4 или выше, если вы хотите, чтобы они были выровнены по горизонтали.

Answer 2

Вы используете col-md-3, чтобы 3 меню не помещались в 25% ширине опции col-md-3

1. Вы можете изменить col-md-5 на col-md-4 строки поиска и сделайте col-md-3 раздела меню для опции col-md-4

2. Вы можете изменить col-md-4 логотипа на col-md-3, затем изменить col-md-3 раздела меню для col-md-4 - используйте это, если вы не хотите уменьшать длину строки поиска

Answer 3

3 опции требуют больше места.Поэтому, пожалуйста, обновите обновленную структуру вашей колонки.Тогда это будет хорошо работать.

Пожалуйста, проверьте скриншот http://prntscr.com/jshz54