Question

我找不到RadioButton Group的Bootstrap属性来减少table和radioButtonGroup之间的空间。

我试图用F12找到然后创建我自己的类但没有成功。

任何建议都是适当的。问候 Cumhur Ata

更新：页面的代码段：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="ibm.com/xsp/core"; dojoParseOnLoad="true" dojoTheme="true" xmlns:xc="ibm.com/xsp/custom"; xmlns:xe="ibm.com/xsp/coreex"; xmlns:bx="openntf.org/xsp/bootstrap">
<xp:this.resources>
    <xp:dojoModule name="extlib.dijit.ExtLib"></xp:dojoModule>
    <xp:dojoModule name="extlib.dijit.Loading"></xp:dojoModule>
</xp:this.resources>
<xp:this.data>
    <xp:dominoDocument var="document1" action="openDocument" formName="STAF">
    </xp:dominoDocument>
</xp:this.data>
<xp:table styleClass="table-condensed table-sm" style="width:100%!important;">
    <xp:tr>
        <xp:td>
            <xp:label id="label1" value="Label"> </xp:label>
        </xp:td>
        <xp:td>:</xp:td>
        <xp:td>
            <xp:inputText id="inputText1" styleClass="form-control input-xs txtEditBox" value="#{viewScope.result1}"> </xp:inputText>
        </xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xp:label id="label2" value="Label"> </xp:label>
        </xp:td>
        <xp:td>:</xp:td>
        <xp:td>
            <xp:inputText id="inputText2" styleClass="form-control input-xs txtEditBox" value="#{viewScope.result2}">
            </xp:inputText>
        </xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xp:label id="label3" value="Label"> </xp:label>
        </xp:td>
        <xp:td> </xp:td>
        <xp:td> 
            <xp:radioGroup id="finished" value="#{sessionScope.finished}" rendered="#{javascript:document1.isEditable();}" styleClass="sameLineLeft">
                <xp:selectItem itemLabel="Evet" itemValue="1" id="selectItem25"> </xp:selectItem>
                <xp:selectItem itemLabel="Hayır" itemValue="0" id="selectItem26"> </xp:selectItem>
            </xp:radioGroup>
        </xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xp:label id="referansno" value="Label"> </xp:label>    
        </xp:td>
        <xp:td> </xp:td>
        <xp:td>
            <xp:inputText id="inputText3" styleClass="form-control input-xs txtEditBox" value="#{viewScope.result3}"> </xp:inputText>
        </xp:td>
    </xp:tr>
</xp:table>

Answer 1

您可以使用以下CSS代码创建自己的custom.css文件来修复问题，覆盖引导程序默认边距：

.radio {
    margin-top: 6px;
    margin-bottom: 6px;
}

注意：您必须在xpage中包含此文件！

提示：我在bootstrap没有经验，也许这项工作可以更好的方式完成（例如Change the default Twitter Bootstrap，...）

Radio Button Group的XPages高度属性

1 个答案: