在gwt bootstrap中水平對齊控件

Question

我試圖在Controlgroup的控件部分水平對齊兩個控件（即Checkbox和Nav）。但是，我找不到防止垂直對齊的方法。

<b:ControlGroup> 
    <b:Controls controlsRow="true"> 
     <b:CheckBox ui:field="tosCheckBox" text="I accept the " /> 
     <b:Nav> 
     <b:NavLink href="" text="Terms of Use" /> 
     </b:Nav> 
    </b:Controls> 
</b:ControlGroup> 

'Inline'可以水平對齊兩個複選框。但在這種情況下，我想水平對齊複選框和導航。而Nav不支持Inline。我注意到默認列表框也水平在Control的組排列

Answer 1

創建以下兩類InlinePanel和InlineBlock

public class InlinePanel extends UnorderedList { 
    public static final String inline = "inline"; 

    public InlinePanel() { 
     super(); 

     addStyleName(inline); 
    } 
} 

public class InlineBlock extends ListItem { 

} 

然後相應地調整你的代碼：

<a:InlinePanel> 
    <a:InlineBlock> 
    <b:CheckBox ui:field="tosCheckBox" text="I accept the " /> 
    </a:InlineBlock> 
    <a:InlineBlock> 
    <b:Nav> 
    <b:NavLink href="" text="Terms of Use" /> 
    </b:Nav> 
    </a:InlineBlock> 
</a:InlinePanel> 

這應該做訣竅。