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

Question

这里有两个 app 的例子。布局和只有具有 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 大小/边距？

Answer 1

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