помогите с версткой

Sebades

Постоялец
Регистрация
14 Май 2019
Сообщения
63
Реакции
12
на сайте Для просмотра ссылки Войди или Зарегистрируйся меню расположено так:
upload_2020-8-12_12-36-59.png

по советам, мне лучше сделать вот так:
upload_2020-8-12_12-37-33.png
но как это реализовать я не знаю.
Вроде как первые два елемента должны быть в одном диве row, и так далее. но мне это слишком сложно. Не могу понять даже, с чего начать.
прошу либо помощи, либо направить, как это можно реализовать
 
на сайте Для просмотра ссылки Войди или Зарегистрируйся меню расположено так:
Посмотреть вложение 111293

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

Не силён в верстке, могу только посоветовать канал на ютьюбе от толкового фронтендщика
Для просмотра ссылки Войди или Зарегистрируйся
 
Вы можете использовать bootstrap он уже подгружается на ваш сайт.
Смотрите документацию bootstrap grid.
Или просто обратитесь к профессионалу.
 
Вы можете использовать bootstrap он уже подгружается на ваш сайт.
Смотрите документацию bootstrap grid.
Или просто обратитесь к профессионалу.
да, смотрю
присвоил логотипу col-xs-4, а форме поиска col-xs-8. col-xs-8 не активируется через то, что у меня жестко прописан .col-sm-3.btn-cart. из-за которого идет вот так:
upload_2020-8-12_14-2-36.png

upd:
удалю оттуда width 100% и top.
должно заработать и оставить как есть большое меню
 
два елемента росклал
остался
col-sm-6 callback
но почему то он никак не хочет оставаться внизу. Только если оставлю в css
  1. position: relative;
  2. float: left;
но с этим я не могу им управлять, отцентрировать
уже могу
 

Вложения

  • upload_2020-8-12_19-1-37.png
    upload_2020-8-12_19-1-37.png
    6,3 KB · Просмотры: 2
Последнее редактирование:
в принципе нужно на него поставить
float: none;
clear: both;

но там у вас такая дребень вообще ни к селу не к городу.
Для начала в гриде всего 12, а у вас 4+3+5+3=15

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

Может попробуйте билдер какой использовать, я вижу у вас opencart, система хорошая, но я не знаю точно как там у вас все устроенно и можно ли в этом месте билдер использовать.
Может найдите какойто онлайн билдер чтоб структуру построить, может которая использует флекс. Вам же еще и мобилу в расчет брать надо (сужение экрана).
 
Последнее редактирование:
Берите bootstrap-повскую документацию и го, там всего лиш нужно клас поменять и все станет на свои места
 
Назад
Сверху