Как сделать такую разметку на bootstrap?

Question

[Stacy None]

Привет всем читателям!
У меня проблема. Никак не могу сделать правильно вот такую разметку в bootstrap

Нужно чтобы sidebar был во всю высоту самого контента (<div class="content"></div>) но в притык к navbar!
А при адаптации он был под контентом.
Покажите пожалуйста как сделать именно такую разметку ? Заранее спасибо!

Answer 1

[NikVlasov]

Нужно сделать именно на бутстрапе?
или это не так важно?

Comments

[NikVlasov]

просто такое можно легко на чистом написать, с бутстрапом особо не знаком

[Stacy None]

NikVlasov:
Не важно, главное чтобы адаптивно было.
Сайдбар прятался под контент. Но в полном виде был как на картинке в притык и во всю высоту ;)

[NikVlasov]

Stasy11: попробуйте вот так: https://codepen.io/Vlasov/pen/yXryjo
медиа запросами можно сделать адаптивность)

[NikVlasov]

Stasy11: или проблема именно в том, чтобы при уменьшении экрана, контент был 100%, а сайдбар под ним?

Answer 2

[Barmunk]

вот так? getbootstrap.com/examples/dashboard

Comments

[Stacy None]

Нет, там отступы есть от краев, это всё в отдельном div завернуто

[Barmunk]

так уберите отступы у конкретных дивов?

[Stacy None]

Barmunk: нет, вы не поняли. Мне нужны эти отступы, у меня сайт не на весь экран а в 1300px в этом вся фишка