gwtbootstrap3 Popover 错误对齐和字体大小

Question

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

看起来像这样：

表单Group中的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 错误，而是您的代码有误:)

您使用了 <b:InlineCheckBox/>，但 InlineCheckBox 是一个包含复选框和文本的小部件，因此您必须将其与 text="" 属性一起使用。在你的情况下，我认为你只想使用一个复选框（没有文本），所以你需要用 <b:SimpleCheckBox/> 替换你的 <b:InlineCheckBox/> 并删除你的 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/> 中的弹出窗口将放置在标签上而不是输入上。

希望对您有所帮助:)

gwtbootstrap3 Popover 错误对齐和字体大小

gwtbootstrap3 Popover bad alignment and font size

gwt

twitter-bootstrap

gwtbootstrap3