有没有办法控制 xPage Bootstrap 应用程序的 pageWidth 属性。布局？

Question

这里有两个应用示例。布局和具有 pageWidth="fixed"

的导航栏

<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xe:applicationLayout id="applicationLayout1">text
    <xe:this.configuration>
        <xe:bootstrapResponsiveConfiguration pageWidth="fixed"></xe:bootstrapResponsiveConfiguration>
    </xe:this.configuration>
</xe:applicationLayout></xp:view>


<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xe:navbar id="navbar1" pageWidth="fixed"></xe:navbar>
    <xp:br></xp:br>text
</xp:view>

如何获取和更改 pageWidth size/margins？

Answer 1

我没有使用应用程序布局，而是构建了自己的导航栏，但是如果我理解正确的话，我通过将导航栏放在容器 div 中来实现您想要的效果，并自定义CSS 设置容器宽度。 div 内的任何内容都只能拉伸到该宽度。对我来说，最终结果是我有 2 个白色区域 space，一个在左边，一个在右边，中间有一个内容区域（包括导航栏），我可以通过简单地使它变小或变大在 CSS???

中编辑容器宽度

有没有办法控制 xPage Bootstrap 应用程序的 pageWidth 属性。布局？

Is there a way to control pageWidth property of xPage Bootstrap app. layout?

css

lotus-notes

xpages

twitter-bootstrap