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

[Sebades]

на сайте Для просмотра ссылки Войди или Зарегистрируйся меню расположено так:


по советам, мне лучше сделать вот так:

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

 

[velwind]

на сайте Для просмотра ссылки Войди или Зарегистрируйся меню расположено так:
Посмотреть вложение 111293

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

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

 

[Didi]

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

 

[Sebades]

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

да, смотрю
присвоил логотипу col-xs-4, а форме поиска col-xs-8. col-xs-8 не активируется через то, что у меня жестко прописан .col-sm-3.btn-cart. из-за которого идет вот так:


upd:
удалю оттуда width 100% и top.
должно заработать и оставить как есть большое меню

 

[Sebades]

два елемента росклал
остался
col-sm-6 callback
но почему то он никак не хочет оставаться внизу. Только если оставлю в css

1. position: relative;
2. float: left;

но с этим я не могу им управлять, отцентрировать
уже могу

 

[Didi]

в принципе нужно на него поставить
float: none;
clear: both;

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

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

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

 

[pdgrilla]

Берите bootstrap-повскую документацию и го, там всего лиш нужно клас поменять и все станет на свои места