我如何让bootstrap colum中的div可滚动

时间:2016-10-03 12:27:40

标签: css twitter-bootstrap

正如此链接:my sample page
面板宽度和高度应为800px和450px 所以我想让这部分:

<div class="panelFrame">

可以滚动,因为它在蓝色区域上太大了,

我该怎么做?

P.S。我不知道为什么pg_restore -l $pgdump_file > restore.pgdump.list 部分变成了jsbin,在我当地的绿色

https://jsbin.com/tudeseqomi/edit?html,css,output

3 个答案:

答案 0 :(得分:1)

在.rightpart类

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

见下文

enter image description here

答案 1 :(得分:0)

在css中为绿色div设置overflow:hidden/scroll

答案 2 :(得分:0)

您已将以下链接https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/less/panels.less中包含的CSS中的.panel类覆盖了绿色。

使用属性overflow:scroll来滚动元素或减小'panelFrame'的宽度并使用上面的属性。