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

Sebades

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

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

velwind

Создатель
Регистрация
25 Май 2018
Сообщения
46
Реакции
19
на сайте Для просмотра ссылки Войди или Зарегистрируйся меню расположено так:
Посмотреть вложение 111293

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

Не силён в верстке, могу только посоветовать канал на ютьюбе от толкового фронтендщика
Для просмотра ссылки Войди или Зарегистрируйся
 

Didi

Постоялец
Регистрация
16 Окт 2013
Сообщения
84
Реакции
40
Вы можете использовать bootstrap он уже подгружается на ваш сайт.
Смотрите документацию bootstrap grid.
Или просто обратитесь к профессионалу.
 

Sebades

Постоялец
Регистрация
14 Май 2019
Сообщения
63
Реакции
12
Вы можете использовать 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.
должно заработать и оставить как есть большое меню
 

Sebades

Постоялец
Регистрация
14 Май 2019
Сообщения
63
Реакции
12
два елемента росклал
остался
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
Последнее редактирование:

Didi

Постоялец
Регистрация
16 Окт 2013
Сообщения
84
Реакции
40
в принципе нужно на него поставить
float: none;
clear: both;

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

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

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

pdgrilla

Писатель
Регистрация
4 Ноя 2020
Сообщения
11
Реакции
1
Берите bootstrap-повскую документацию и го, там всего лиш нужно клас поменять и все станет на свои места
 
Сверху