Bootstrap 面板将 panel-body 大小增加到固定长度并滚动

Question

正在 bootstrap 中创建最大、最小长度的面板。我正在尝试将面板 body 的长度增加到固定长度。如果文字超出长度我会使用滚动条。

增加长度也有助于增加 body 的边框。我该怎么做，我尝试使用 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>

Answer 1

您需要为属性设置 css 单位，例如px, %, em.

根据这段代码，

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

应该是

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

Bootstrap 面板将 panel-body 大小增加到固定长度并滚动

Bootstrap panel increase panel-body size to fixed length with scroll

html

css

jquery

panel

bootstrap-4