Bootstrap 3 - Прокручиваемый контент div

Я использую Bootstrap 3, и я пытаюсь сделать прокручиваемый контент DIV. У меня есть сетка с левой навигацией, верхняя панель и средний у меня есть контент, который должен прокручиваться.

Это работает, когда я использую фиксированную высоту в div контента... но я хочу вместо этого использовать 100%.

<div  class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;">
some content...
</div>

CSS

html,body
{
 height:100%;
 overflow:hidden;
}

Как я могу заставить это работать с высотой: 100%;

Спасибо!