引导面板通过滚动将面板主体尺寸增加到固定长度

时间:2018-10-06 14:14:24

标签: jquery html css bootstrap-4 panel

在引导程序中创建具有最大,最小长度的面板。我正在尝试将面板主体的长度增加到固定长度。如果文字超出长度,我将使用滚动条。

增加长度也将有助于增加身体的边界。我该怎么做,我尝试使用min-height和max-height,但是似乎没有用。

<div class="col-lg-8">
     <div class="panel panel-success">
            <div class="panel-heading">
                 <h4 class="generate-logs">LOGS</h4>
             </div>
                    <div class="panel-body" style="min-height: 10; max-height: 10;overflow-y: scroll;">
                            Step 1: <br> Step 2: <br> Step 3: <br> step 4: <br> Step 5:`enter code here`
                    </div>
     </div>
</div>         

1 个答案:

答案 0 :(得分:0)

您需要为属性设置CSS单位,例如px,%,em。

通过此代码

style="min-height: 10; max-height: 10;overflow-y: scroll;"

应该是

style="min-height: 10px; max-height: 140px;overflow-y: scroll;"