1

I want to have some special Layout with Bootstrap 3. I need some static header and footer. The problem is that it's an responsive layout in which it is bad to use positions someone told me.

Like this:

enter image description here

Do you have any Ideas?

Jason Aller
  • 3,541
  • 28
  • 38
  • 38
nPoday
  • 95
  • 1
  • 10
  • show us your code please – Alp Oct 19 '13 at 12:27
  • I would like to do this - but the Problem is my Code is not helpfull for it. It's Only 4 div's but i don't know if there is any possibillity with Bootstrap - and without using own position's because it will brake the full responsitivity. – nPoday Oct 19 '13 at 12:32
  • you obviously played around with `.navbar-fixed-top`. build something on http://jsfiddle.net/ or http://jsbin.com/ and show us what you got so far and what exactly you are expecting it to do – Alp Oct 19 '13 at 15:22
  • 1
    Here i did some test's - http://bit.ly/1fPtxpC - It looks right but the header && Footer is not fixed ... If i use fixed classes it looks like this: http://bit.ly/1i85e32 - Border at footer not working and content overlapping! Base Question: Will using position's break responsitivity at all? – nPoday Oct 21 '13 at 09:35

2 Answers2

4

Use .navbar-fixed-bottom, and .navbar-fixed-top on your header and footer containers.

Scott Simpson
  • 3,832
  • 3
  • 27
  • 35
  • There are a few Problem's with doing this: 1) everything will scroll also the left navigation in the content area wich should be fix as well 2) the scrolling content will be overlap with the header also if i set an z-index > 100 3) Bottom no Border is working – nPoday Oct 19 '13 at 14:09
0

Or give both a unique class. And add: 

.classname{position:fixed;}
Jay
  • 405
  • 1
  • 3
  • 12