Tendo eu 3 <div>
, como parte do esqueleto básico do Bootstrap, como eu faço para que a <div>
referente ao conteúdo principal fique sobreposta àquelas do cabeçalho e do rodapé, escondendo uma pequena parte delas?
Fiz um Fiddle simples com umas bordas delimitadoras pra ficar mais fácil de entender.
A <div>
com a borda preta será o conteúdo principal, como demonstra o lorem ipsum nela.
A de borda vermelha é o cabeçalho que vai ter basicamente uma imagem grande que não seria de todo necessária exibir inteira, daí a vontade de esconder um pedacinho com a <div>
principal.
Por fim, a de borda azul é o rodapé. Por enquanto a idéia é fazer a mesma coisa que com o cabeçalho, mas ainda vou ver se faço mesmo isso ou não e, por isso, seria interessante a solução ser tipo "plug n' play"
Pesquisei por horas mas não encontrei isso que, imagino ser super simples e quando encontrava alguém bem próximo, conceitualmente falando, encrencava com o Grid do Bootstrap.
background-color
pra testar e ficou certinho... quanto ao header. Já o footer continuou por cima do conteúdo principal (preto). Eu poderia dar umclear
no #footer, mas isso faria ele cair, e não ficar atrás;