Как да настроя bootstrap 3 контейнер на 100% от височината на браузъра с лепкав долен колонтитул?

Както се казва в заглавието, как да настроя контейнер (обвивка) на bootstrap 3 на 100% от височината на прозорец на браузъра, като използвам лепкав долен колонтитул?

BootPly

АКТУАЛИЗАЦИЯ:

залепващият долен колонтитул работи добре, това е първият '<div class="container">', който трябва да съм на 100% височина


person Sean Kimball    schedule 02.01.2015    source източник
comment
евентуално вече отговорено? stackoverflow.com/search?q=bootstrap+sticky+footer   -  person blurfus    schedule 02.01.2015
comment
възможен дубликат на Twitter Bootstrap 3 Sticky Footer   -  person blurfus    schedule 02.01.2015
comment
Актуализирах въпроса си - може би не беше достатъчно ясен. залепващият долен колонтитул е наред ~ това е контейнерът, който ми трябва на 100% височина.   -  person Sean Kimball    schedule 03.01.2015
comment
Това е добър работещ пример: bootply.com/panchroma/70755   -  person Zim    schedule 03.01.2015
comment
Това не е въпрос с предишен отговор, проблемът не е в долния колонтитул, а в това, че div на контейнера трябва да бъде на 100% височина.   -  person Sean Kimball    schedule 05.01.2015


Отговори (1)


Можете да зададете височината на страницата на 100% и след това да поставите долния колонтитул в долната част с поле на височината му.

Както е направено тук: http://getbootstrap.com/examples/sticky-footer-navbar/

Започнете, като добавите това към вашия css:

html {
  position: relative;
  min-height: 100%;
}

И за долния колонтитул добавете това

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
}
person Cisum Inas    schedule 02.01.2015
comment
Това се отнася до лепкавия долен колонтитул - който работи, въпросът беше за определяне на височината на контейнера, ако погледнете примера за зареждане, това е първият контейнер, който трябва да бъде на 100% височина. - person Sean Kimball; 05.01.2015