Brodyaga337

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

Recommended Posts

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

y3v1_yhJGTI.jpg

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

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

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites
24 минуты назад, Николя223 сказал:

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

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

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

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

Edited by Brodyaga337

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By kask
      Подскажите какие стили нужно переопределить чтобы навигационная панель в navbar выезжала слева на право а не сверху вниз как определенно стандартно 
    • By Tascan
      Всем привет.
      В данный момент изучаю Bootstrap и задался таким вопросом. По правилам сетки Bootstrap, если я не ошибаюсь row и col должны быть внутри элемента с классом container.
      Но вот если при вёрстке макет разделён на отдельные блоки, например: header отдельно, далее ещё пару блоков с информацией и за ним footer. Как при таком варианте правильнее будет сделать порядок: общий тег container, вместо стандартного wrapper и далее внутри него все вышеперечисленные теги или же нужно создать container для каждого раздела?
      А если, например, у каждого из этих разделов свой фон? Тогда уже нужно идти по второму варианту: делать разделы на 100% ширину браузера, прописывать им фон, а вот внутри них уже делать div'ы с классом container, которые уже ограничат ширину блоков с контентом? 
    • By vka986
      Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin  хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.
  • Member Statistics

    46,511
    Total Members
    3,128
    Most Online
    Marking
    Newest Member
    Marking
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.