Как фон горизонтального меню растянуть на всю ширину

[jnxjn]

Здравствуйте, подскажите, как горизонтальное меню растянуть по примеру top-меню?

[jnxjn]

какие стили в бутстрапе отвечают за растягивание? уже всё перелопатил, гугл не помогает

[JetLi]

За растягивание отвечает параметр "width"

[HyperLabTeam]

какие стили в бутстрапе отвечают за растягивание? уже всё перелопатил, гугл не помогает

container-fluid

но он с отступами

[jnxjn]

Я растянул с горем пополам, теперь другая проблема, менюшки растянулись вместе с меню, нужно задать им ширину и центрировать, пытаюсь объединить класс "common-home" и "container" для получения результата, получается прямо скажем - плохо.

[HyperLabTeam]

Я растянул с горем пополам, теперь другая проблема, менюшки растянулись вместе с меню, нужно задать им ширину и центрировать, пытаюсь объединить класс "common-home" и "container" для получения результата, получается прямо скажем - плохо.

Вот ведь ответ?

по аналогии с top-меню обернуть горизонтальное меню в свой див и прописать ему стили (учитывая бутстрап)

 верните container

и оберние его

[jnxjn]

Всё, понял! сделал как хотел, оказалось надо просто обернуть container в top и присвоить ему свои стили. Спасибо за помощь!

[Donni]

@AWARO @Pascha

 

Не понимаю почему советуете обернуть в div? На opencart 2.3.0.2 вижу уже есть div. Вот, он: <div class="container">

Можно ведь просто добавить свой стиль. Вот, так:

header + .container {
    padding: 0;
    width: 100%;
}

Какой минус у этого способа?

 

 

Змінено 4 грудня 2019 користувачем Donni

[LiLu]

@Donni минусом может быть нестандартная позиция вывода. В которой за хидером что-то будет в контейнере.

Проще все-таки наверняка обернуть во wrapper style="width:100%;" и не делать себе нервы.

С отдельным айдишником или классом, естественно