如何使固定高度的Bootstrap面板体
我使用引导的panel来显示文本和图像，但随着文本的增长，面板的主体也增加。 我想知道如何创build具有固定高度的身体，例如10行或者最多10行。 这是我的代码：
<div class="span4"> <div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body">fdoinfds sdofjohisdfj</div> </div> </div>
您可以max-height联style属性中使用max-height ，如下所示：
<div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body" style="max-height: 10;">fdoinfds sdofjohisdfj</div> </div>
要使用滚动内容溢出给定的max-height ，您可以或者尝试以下操作：
<div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body" style="max-height: 10;overflow-y: scroll;">fdoinfds sdofjohisdfj</div> </div>
要将高度限制为固定值，您可以使用这样的东西。
<div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body" style="min-height: 10; max-height: 10;">fdoinfds sdofjohisdfj</div> </div>
为max-height和min-height指定相同的值（以像素或点为单位 – 只要一致）。
你也可以在样式表（或style标签，如下所示）中将相同的样式放在CSS类中，然后在标签中包含相同的style 。 见下文：
样式代码：
.fixed-panel { min-height: 10; max-height: 10; overflow-y: scroll; }
应用样式：
<div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body fixed-panel">fdoinfds sdofjohisdfj</div> </div>
希望这可以帮助你的需要。
HTML：
<div class="span4"> <div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs</div> <div class="panel-body panel-height">fdoinfds sdofjohisdfj</div> </div> </div>
CSS：
.panel-height { height: 100px; / change according to your requirement/ }
