I want to make my site the following way with Bootstrap
I'vetriedeverypossiblewaytomakeitcoolandresponsiveandIcouldnot!
Cananyonegivemealightonhowtodothislayoutstructure?
NonresponsiveIwouldlikeittolooklikethis:
I want to make my site the following way with Bootstrap
I'vetriedeverypossiblewaytomakeitcoolandresponsiveandIcouldnot!
Cananyonegivemealightonhowtodothislayoutstructure?
NonresponsiveIwouldlikeittolooklikethis:
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