Bootstrap прокрутка внутри столбца без прокрутки всей страницы, как?

Question

[SchizLoyd]

<div class="container-fluid">
		<div class="row gred-all">
			<div class="col-md-1 gred-menu">Меню</div>
			<div class="col-md-10 gred-content">
				<div class="gred-content-scroll">
здесь и дальше статья которая должна прокручиваться внутри страницы

.gred-content-scroll {overflow-y: scroll; }
прокручивается вся страница, а не только контейнер.

Comments

[Антон Литвиненко]

Для того чтобы контент прокручивался в контейнере, контейнеру нужно задать фиксированную высоту

[Сергей delphinpro]

или максимальную ограничить

Answer 1

[Yega Mega]

Vmesto "scroll" nado "auto":

elem.all{
overflow: auto;/*prokrutka vo vse storony*/
}
elem.h{
overflow-X: auto;/*gorizontalnaja prokrutka*/
overflow-Y: hidden;
}
elem.v{
overflow-Y: auto;/*vertikalnaja prokrutka*/
overflow-X: hidden;
}

Answer 2

[Wan-Derer]

Сам протрахался с этим пол-дня, поэтому оставлю рабочий шаблон:

<div class="container" style="height: 100vh; border: black solid " >
  <div class="row h-100">
    <div class="col-1">
      <p>MENU</p>
      <p>MENU</p>
      <p>MENU</p>
    </div>
    <div class="col-3 h-100 overflow-auto">
      <p>content</p>
      <p>content</p>
      <p>content</p>
      <p>content</p>
      <p>content</p>
      <p>content</p>
      <p>content</p>
      .......................
      <p>content</p>
      <p>content</p>
      <p>content</p>
      <p>content</p>
    </div>
  </div>
</div>

Когда контента становится много, появляется полоса прокрутки. Высоту контейнера надо задавать в vh - это попугаи, аналогичные процентам (проценты почему-то не работают).