Встроенный блок Bootstrap не работает должным образом
Посетите этот сайт: http://pazomall.storehippo.com/
Вы можете увидеть верхнее меню, в котором есть 3 варианта (Моя учетная запись, Нужна помощь и корзина)! Как видите, корзина не соответствует другим параметрам.
Я пробовал display: inline-block;, но он вообще не работает. Пожалуйста, помогите мне сделать эти меню встроенными (используйте инструменты разработчика Chrome).
Извините за структуру вопроса @CBroe! Буду иметь в виду в следующий раз.
Ответы 3
3 варианта требуют больше места. Поэтому, пожалуйста, обновите обновленную структуру столбцов. Тогда он будет хорошо работать.
Пожалуйста, проверьте скриншот http://prntscr.com/jshz54
Вы не можете выровнять «корзину» с «Моя учетная запись» и «Нужна помощь», потому что div, содержащий эти списки, имеет класс «col-md-3», а первые два элемента списка заняли всю ширину, поэтому это упаковка ниже. Итак, вам нужно указать класс col-md-4 или выше, если вы хотите, чтобы они выровнялись по горизонтали.
Вы используете 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 - используйте это, если вы не хотите уменьшать длину панели поиска
Большое спасибо @charan! Думаю, я должен отметить твой ответ.
использовать сетку
col-md-4вместо сетки 4,5,3