Встроенный блок Bootstrap не работает должным образом

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

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

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

использовать сетку col-md-4 вместо сетки 4,5,3

Master.Deep 08.06.2018 13:46
«Посетите этот сайт» - и вы, пожалуйста, проверьте Как спросить и минимальный воспроизводимый пример. Весь код, имеющий отношение к вашей проблеме, относится непосредственно к вашему вопросу.
CBroe 08.06.2018 13:52

Извините за структуру вопроса @CBroe! Буду иметь в виду в следующий раз.

Damon 08.06.2018 14:01
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
3
293
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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! Думаю, я должен отметить твой ответ.

Damon 08.06.2018 14:13

Другие вопросы по теме