Как я могу позволить div внутри бутстрапа colum прокручиваться

Question

Как эта ссылка: https://jsbin.com/tudeseqomi/edit?html,css,output
ширина и высота панели должны быть 800px и 450px.
Поэтому я хочу, чтобы часть:

<div class="panelFrame"> 
    <div class="panel"> 
    </div> 
    </div> 

можно прокручивать, потому что это слишком большой над синей зоне,

Как я могу это сделать?

p.s. Я не знаю, почему <div class="panelFrame"> часть стала капелька на jsbin, на мой местный это зеленый

Answer 1

добавить overflow-x: scroll; на .rightpart класса

.rightpart{ 
     background-color:blue; 
     height:500px; 
     overflow-x: scroll; 
    } 

Ниже

Answer 2

набор overflow:hidden/scroll в CSS для зеленого DIV

Answer 3

Вы дали зеленый цвет, на который переписывается по классу .panel в одном из включенных CSS из следующей ссылки: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/panels.less.

Используйте свойство overflow: прокрутите список, чтобы прокрутить элемент или уменьшить ширину «panelFrame» и использовать указанное свойство.