bootstrap4について

Question

bootstrap4で

<div class="container">
 <div class="row">
  <div class="col-5">
  </div>
  <div class="col-5">
  </div>
 </div>
</div>

例えばこのような2カラムサイトで、片側のみスクロールさせることはできるのでしょうか？出来るとすればどのようにするのか？分かる方いらっしゃいましたら、教えて頂けないでしょうか？よろしくお願いします。

Answer 1

Bootstrap 4.2 から .overflow-auto / .overflow-hidden が追加されています。
CSS の max-height などとともに使ってみてください。

<div class="container">
 <div class="row">
  <div class="col-5 overflow-auto" style="max-height: 340px;">
  </div>
  <div class="col-5">
  </div>
 </div>
</div>

https://getbootstrap.com/docs/4.2/utilities/overflow/

Answer 2

bootstrap のCSSだけでは無理デス。

そのようになるようにCSSを追加で設定してください。

Comments

[_nori_]

やっぱそうでしたか。何をしても無理だったので…。
ありがとうございます！

[_nori_]

もしよろしかったら、その方法教えて頂けないでしょうか？
よろしくお願いします。