改变Bootstrap面板页脚的高度

Question

我想改变Bootstrap面板页脚的高度以缩短它，但是在环顾四周之后，我还没有找到一种方法来同时调整页脚内部文本的位置，这样它就不会捅到底部。

（仅仅调整字体大小显然不够）

这是我的代码和我的问题的屏幕截图：

.panel-default>.panel-footer {
    color: rgba(0, 0, 0, 0.6);
    font-size: smaller;
    max-height: 20px;
}

<div class="panel-footer">
    (0 comments)
</div>

http://i.stack.imgur.com/aAXX8.jpg

Answer 1

Quas94 你好。
你需要做的就是改变面板页脚的高度，这是一些css。

这是 Fiddle 。

.panel-heading{
    height:50px;
} 
.panel-body{
    min-height:150px; 
    background-color: gray;
}     
.panel-footer{
    height:100px; 
    background-color: chartreuse;
}