1

I want to the sidebar to go on top of the footer, using bootstrap.

Now my sidebar is only the height of the content, this is how it looks now: enter image description here

If the content is longer, sidebar should extend also, stiked to the bottom.

This how it should look: enter image description here

You can look here what I have so far: BOOTPLY

Valerxx22
  • 774
  • 1
  • 11
  • 32
  • This post might be helpful for you http://stackoverflow.com/questions/20773342/bootstrap-3-100-height-of-custom-div-inside-column – alxscms Apr 14 '14 at 16:21

1 Answers1

1

This is always a tough one, but check this out. http://www.bootply.com/129939

Moved around some html, added a new class, and modified existing classes (modifications are at the top.)

Not sure if this works for you or not because it does take up the full viewport height and I don't know if that's what you were looking for. It may also need refactoring as a result of the changes.

Edit: First version doesn't scale to fit content - sorry.

Edit: New version (scales to fit static content; unfortunately does use Javascript) - http://www.bootply.com/130009.

EF0
  • 2,940
  • 4
  • 17
  • 23
  • well, with css works only faux columns, but I can't make it go over the footer. javascript is a good way, but it's not working for me, because of the separate layout on content area and footer. – Valerxx22 Apr 17 '14 at 08:27
  • Hmm - not sure what you mean - what do you mean by the separate layout? Can you describe a little more in depth what the problem you're having is? – EF0 Apr 17 '14 at 14:17