Как растянуть блок div или section на высоту одного экрана?

Пытаюсь сделать One Page шаблон для joomla. Использую Bootstrap 3.

Хочется что бы получилось сделать каждый блок на странице в размер одного экрана даже если не хватает внутри него контента. что бы при переходе по якорным ссылкам на экране заменялась полностью информация на нужную.
В коде выглядит примерно так:

<section id="slider">
     about
</section>
<section id="about">
     about
</section>
<section id="footer">
     about
</section>

Пример тут
Прошу помощи знающих.