css - 改变 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;
}