XPages bootstrap在表和inputBox之间断开（小空间） [英] XPages bootstrap break(small space) between table and inputBox

问题描述

我有bootstrap 3.2.0。当我把表放到一个页面（.xsp）它需要这么多的空间在页面。我尝试了所有的引导类（table-condensed，table-responsive，etc和input-sm，form-contol和其他的inputbox。）

i have bootstrap 3.2.0. When i put a table into a page(.xsp) It takes so much spaces at the page. I tried all bootstrap classes like (table-condensed, table-responsive, etc for table and input-sm, form-contol and the others for inputbox.

css类如下所示，然后即使我使用这些类没有什么改变。我正在寻找一个解决方案如何使输入框和表之间的整个空格消失？

i created a css class shown below and then even if i use those classes nothing is changed. I am looking for a solution how to make whole spaces between inputBox and table disappear?

.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

Thanks in advance C.A.

推荐答案

我假设您使用< xp：table& ...< / xp：table> 。

您要减少的表格中的空格为 .table 定义为

padding：8px 。

The white space within the table which you want to reduce is defined for class .table as
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;
}

这篇关于XPages bootstrap在表和inputBox之间断开（小空间）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！