Layout with fixed sidebar in bootstrap

4

I want to make my site the following way with Bootstrap

I'vetriedeverypossiblewaytomakeitcoolandresponsiveandIcouldnot!

Cananyonegivemealightonhowtodothislayoutstructure?

NonresponsiveIwouldlikeittolooklikethis:

    
asked by anonymous 28.02.2015 / 00:03

1 answer

1

Well, since you did not post any code and commented that you are using Bootstrap , I'll pass on some references from their own website. The Bootstrap itself has this answer, which would be the use of ' Affix '.

It creates an element and causes it to be set after a certain scroll. All the documentation you can follow at this link: link

In addition to css you'll also need the bootstrap javascript package, which can be customized in the download area: link

For the responsive question, it goes a long way from the layout you have. Usually on mobile, you do not use that, because it gets ugly, tight, polluted. It's best that you remove this option on mobile. The bootstrap itself has this, with ' hidden-xs ' or ' hidden-md ', read more here: link

Or like your example, if the header is this fixed sidebar, you just use a css to leave it fixed. Example: ' position:fixed; top:0; ' or a CSS feature for this option: link

Any questions you have about Bootstrap take a look at their website, there is a lot of documentation and lots of options.

I hope I have helped

    
14.03.2015 / 15:33