CSS Bootstrap AngularJS - 如何减少表格行高？

Question

我想用CSS / Bootstrap减少下面plnkr示例中任何表行的高度：

https://plnkr.co/edit/ftea6vd1qaPZaXGusZAN

我尝试了很多方法，如：

line-height
padding
margin
height

并检查了stackoverflow以及官方文档。没有工作。

我缺少什么来减少表格中的行高（在屏幕上显示更多内容）？

谢谢， 马丁

Answer 1

Bootstrap为此table-condensed提供专用课程：

<table class="table table-bordered table-hover table-condensed">

Answer 2

您可以使用Bootstrap的类表压缩

或

如果你想要更多的自定义，你可以在单元格内放置一个你想要的任何高度：

<td>
    <div style="height: 20px; overflow:hidden;">
        ...
    </div>
</td>