gwtbootstrap3弹出错误对齐和字体大小

Question

我有以下问题，当我在复选框的顶部使用gwtbootstrap3 Popover时，它与复选框不正确地对齐，但在复选框上指向几个像素的边距。

看起来是这样的：

​

窗体组中的Popover代码：

       <b:FormGroup>

            <b:FormLabel addStyleNames="col-md-4 no-top-padding">
                <ui:msg description="Caption checkbox: enable online meetings">Enable Online Meetings</ui:msg>                      
            </b:FormLabel>


            <g:FlowPanel addStyleNames="col-sm-1"> 
                <b:Popover ui:field="onlineMeetingsPopover" container ="body" isHtml="true"
                    content="{settingsMsgs.onlineMeetingsInfo}"
                    title="Enable Online Meetings" placement="RIGHT">

                    <b:InlineCheckBox ui:field="onlineMeetingsCheckbox" value="false"
                        addStyleNames="new-checkbox-float new-checkbox-margin no-top-padding"/>

                </b:Popover>
            </g:FlowPanel>

        </b:FormGroup>

另外，有人能帮我改变Popover文本的字体大小吗？我无法使用CSS，因为Popover似乎不允许使用addStyleNames (css函数)，我也找不到一个gwtbootstrap函数来实现它。

Answer 1

我希望现在还不是太晚，但这不是一个gwtbootstrap3 Popover错误，是您的代码错了:)

您使用的是一个InlineCheckBox，但是<b:InlineCheckBox/>是一个包含复选框和文本的小部件，所以您必须在text=""属性中使用它。在您的情况下，我认为您希望只使用一个复选框(没有文本)，因此您需要用<b:InlineCheckBox/>替换<b:SimpleCheckBox/>并删除addStyleNames属性。

就像这样：

   <b:FormGroup>

        <b:FormLabel addStyleNames="col-md-4 no-top-padding">
            <ui:msg description="Caption checkbox: enable online meetings">Enable Online Meetings</ui:msg>                      
        </b:FormLabel>


        <g:FlowPanel addStyleNames="col-sm-1"> 
            <b:Popover ui:field="onlineMeetingsPopover" container ="body" isHtml="true"
                content="{settingsMsgs.onlineMeetingsInfo}"
                title="Enable Online Meetings" placement="RIGHT">

                <b:SimpleCheckBox ui:field="onlineMeetingsCheckbox" value="false" />

            </b:Popover>
        </g:FlowPanel>

    </b:FormGroup>

PS : <b:InlineCheckBox/>中的弹出将放在标签上而不是输入上。

希望它有帮助:)