twitter-bootstrap - 使应用程序布局与 Bootstrap 一起工作 4 页

标签 twitter-bootstrap xpages

我正在使用 Domino 9.0.1 并已设法正确安装 Bootstrap Library 1.0.0.201403171254。

在 Application Configuration/Xsp Properties/General 下,我将主题设置为

bootstrapv3.1.1

并在应用程序配置/Xsp 属性/页面生成下。我已经设置好

com.ibm.xsp.extlib.library
org.openntf.xsp.bootstrap.library 

根据需要使用 XPages 库。

我在使应用程序布局控件按预期工作时遇到问题。

在第一个选项卡“应用程序布局”中,有一个包含 OneUI 应用程序配置、 Bootstrap 应用程序配置和基本应用程序配置的下拉列表。我尝试将下拉菜单放在 Bootstrap Application Configuration 上,但它不固定,源代码仍然显示。

我已经将其与演示数据库进行了比较,它们也有我期望的标签。

我不知道该怎么做。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:applicationLayout id="applicationLayout1">
    <xp:callback
        facetName="facetMiddle"
        id="facetMiddle">
    </xp:callback>
    <xe:this.configuration>
        <xe:oneuiApplication titleBarName="Schulungen">
            <xe:this.titleBarTabs>
                <xe:basicLeafNode label="Link 1"></xe:basicLeafNode>
            </xe:this.titleBarTabs>         
        </xe:oneuiApplication>
    </xe:this.configuration>
</xe:applicationLayout></xp:view>

最佳答案

这里有一个技巧:转到所有属性,然后通过单击 xe:oneuiApplication 旁边的删除按钮删除配置下的 xe:oneuiApplication 配置: enter image description here

然后您可以添加新配置并选择 bx:bootstrapApplication: enter image description here

关于twitter-bootstrap - 使应用程序布局与 Bootstrap 一起工作 4 页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23781340/

相关文章:

html - 如何在 Bootstrap 中向右滑动选项卡菜单

jquery - 重新初始化 JQuery 有 XPage 部分刷新更新 DOM

xpages - 使用默认系统浏览器访问本地 IBM Notes 应用程序

xpages - 无法获取文档页面名称

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

javascript - 多个选择的链接并显示多个 div

javascript - Bootstrap : Center a container-fluid vertically

javascript - 在 Bootstrap 模式顶部显示 "busy wait"

javascript - 使 Bootstrap 弹出框在悬停而不是单击时出现/消失

javascript - 将实际日期保存在变量中(只有日期,没有时间)