Twitter bootstrap 单选按钮组在XPages中水平显示多行

以下是水平单选按钮的代码：

<xp:radioGroup id="appType"
                                value="#{ruleDoc.AppType}" layout="lineDirection">
                                <xp:selectItem
                                    itemLabel="Applications">
                                </xp:selectItem>
                                <xp:selectItem
                                    itemLabel="Lotus Notes DB">
                                </xp:selectItem>
                                <xp:selectItem
                                    itemLabel="Lotus Notes Groups">
                                </xp:selectItem>
                                <xp:selectItem itemLabel="Folders"></xp:selectItem>
                                <xp:selectItem itemLabel="Hardware"></xp:selectItem>
                                <xp:selectItem itemLabel="Other"></xp:selectItem>
                                <xp:selectItem itemLabel="Server"></xp:selectItem>
                            </xp:radioGroup>

但这种展示很难看：

我想在两行上显示它们，每行3个值。在本机Notes中很容易做到，但我想不出在XPages中做到这一点的方法。 有什么想法吗？我做了一些搜索，但解决方案似乎很复杂。

这是100%有效的Stephan Wissel在他的博客上有一些非常棒的东西。我的搜索没有显示这个，但是。。。。 我发现单选按钮和文本有时会一起运行，所以我修改了标记，在文本右侧添加了一些填充，效果很好。 这100%有效斯蒂芬·维塞尔在他的博客上有一些非常棒的东西。我的搜索没有显示这个，但是。。。。 我发现单选按钮和文本有时会一起运行，所以我修改了标记，在文本右侧添加了一些填充，效果很好。

也许这可以帮助你，@Frank效果很好-正是我在寻找的不确定为什么搜索中没有出现它可能是这可以帮助你，@Frank效果很好-正是我在寻找的不确定为什么搜索中没有出现它