css - 表和输入框之间的 XPages Bootstrap 中断(小空间)

Question

我有 Bootstrap 3.2.0。当我放 table进入一个页面 (.xsp) 那里占用了太多空间。

我尝试了所有 Bootstrap 类，例如 table-condensed , table-responsive 表 和 input-sm 等, form-control和其他输入框。

我创建了一个如下所示的 CSS 类，然后即使我使用这些类也没有任何改变。

预期结果:

我正在寻找一种解决方案，使 inputBox 和 table 之间的整个空间消失。

.input-group-xs>.form-control, .input-group-xs>.input-group-addon, .input-group-xs>.input-group-btn>.btn { 
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.5; 
    border-radius: 3px;
}

提前致谢 CA

Answer 1

我假设您使用的是 <xp:table> ... </xp:table>为你的 table 。

要减少的表格中的空白是为类 .table 定义的作为
padding: 8px .

改成这样:

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,
.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td
{
    padding: 1px;
}