bootstrap, выход за предел container

[Brodyaga337]

Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

[Николя223]

есть несколько вариантов.  

либо действительно не помещать меню в контейнер, а спозиционировать его через margin: 0 auto;

Либо можно ленты можно вывести через :before и :after с абсолютным позиционированием

[andrey7287]

Не помещать в контейнер "фон(ленточка)", только меню 

[Николя223]

Лето. Все ясновидящие в отпуске.  Гадания по фотографиям с сентября

[Brodyaga337]

Ну вот держи, если это чем-то поможет. Только тут немножко СSS мудрёный с флексами не обращай внимания.

3 часа назад, Николя223 сказал:

Лето. Все ясновидящие в отпуске.  Гадания по фотографиям с сентября

 

[Нарек]

В натуре, все так запутано в этом css, явно мастер писал.. Николя то навряд ли там разберется, есть очень маленькое количество людей которые это поймут.

[Brodyaga337]

24 минуты назад, Николя223 сказал:

есть несколько вариантов.  

либо действительно не помещать меню в контейнер, а спозиционировать его через margin: 0 auto;

Либо можно ленты можно вывести через :before и :after с абсолютным позиционированием

 а с  :before и :after она будет адаптивной. уменьшаться и увеличиваться вместе с сайтом? У меня то буквы сами выравниваются, а вот при таком размере экрана хотелось бы чтобы и кончики ленты подъехали(на картинки использую вариант с не включением фона в контейнер)

Edited July 22, 2017 by Brodyaga337

[andrey7287]

 C :before и :after вариант интересный, могу ещё JS посоветовать, задача то нетривиальная.  

[Bob2319]

как вариант обернуть .container каким-то div и туда запихнуть bg-image, bg-size:cover.

и там в разметке нужно что то одно, по спецификации в <nav> <a></a.....<a></a></nav>, оно будет в строку без лишнего кода, не нужно флоатить.

если оставишь <ul></ul> то div там внутри тоже не нужен, должно быть <ul class='meow'> </ul>