Question

我有以下代码：

<xp:section id="section1" type="box" header="Left Text Right Text">
    Section content
</xp:section>

我正在使用Bootstrap3.2.0_flat主题，因此显示以下内容：http://bit.ly/1kRu9QM

有没有办法修改xp：section标题以使“Right Text”右对齐，以便显示以下内容？：http://bit.ly/1kRugMi

提前感谢任何提示。

Answer 1

我不确定如何使用xpages部分，但使用bootstrap可以使用它。

<span class="pull-left">Left Text</span>
<span class="pull-right">Right Text</span>

也许您可以删除该部分中的范围，或者可以使用bootstrap部分而不是xpages部分？

如果您希望使用引导程序部分执行某些操作，这就是我使用的内容。

这是一些css。

.panel-heading a:after {
font-family:'Glyphicons Halflings';
content:"\e114";
float: right;
color: grey;
}
.panel-heading a.collapsed:after {
content:"\e080";
}

以下是我处理div的方法

<div class="panel-group" id="accordion">
    <div class="panel panel-default" id="panel1">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-target="#collapseOne"
                    href="#collapseOne">
                    Section Header
                </a>
            </h4>

        </div>
        <div id="collapseOne" class="panel-collapse collapse in">


        </div>

不确定这是否能让您准确到达目的地。 [编辑] 更多地考虑这一点。我想你可以使用这些部分。我最初关闭了，然后你点击一个部分进行扩展。

修改<xp：section>标题

1 个答案: