Twitter bootstrap 将引导添加到Domino表单

在我的XPages应用程序中，我想添加一些$$Domino表单，并使用Bootstrap设置它们的样式。由于已经为应用程序启用了引导功能，因此它在服务器上可用，因此我考虑在这些表单上重新使用它们，因此我在HTML标题内容部分添加了以下公式：

"<meta charset=\"utf-8\">
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
    <meta name=\"description\" content=\"\">
    <meta name=\"author\" content=\"\">
    <meta charset=\"utf-8\">
    <link rel=\"shortcut icon\" href=\"/" + @WebDbName + "/favicon.ico\">
    <title>Authentication Failure</title>
    <!-- Bootstrap core CSS -->
    <link href=\"../../xsp/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/dbootstrap.css\" rel=\"stylesheet\">
    <link href=\"../../xsp/.ibmxspres/.extlib/responsive/bootstrap3/css/bootstrap.css\" rel=\"stylesheet\">
    <script src=\"../../xsp/.ibmxspres/.extlib/responsive/jquery/jquery.min.js\"></script>  
    <script src=\"../../xsp/.ibmxspres/.extlib/responsive/bootstrap3/js/bootstrap.min.js\"></script>    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src=\"http://getbootstrap.com/assets/js/html5shiv.js\"></script>
      <script src=\"http://getbootstrap.com/assets/js/respond.min.js\"></script>
    <![endif]-->"

”
身份验证失败
"

因此，我应用的任何文本似乎都是用引导CSS格式化的。但是像jumbotron这样的组件没有格式化，尽管我注意到bootstrap.min.css文件中定义了jumbotron类

---

我忽略了什么吗？

XPages运行时有代码来识别路径“/xsp/.ibmxspres”，并运行所有定义的资源提供程序，以找到从何处加载相关资源。在本例中，后续的“.extlib”标识它是扩展库插件的一部分

OSGi允许它从插件中提取相关资源

---

对于一个标准的Domino表单，您没有这两个文件，因此它不知道文件在哪里，如果它知道，就无法提取它们。如果您从OpenNTF下载ExtLib，您可以使用通常用于提取zip文件的任何东西解压缩相关插件（“com.ibm.xsp.theme.bootstrap”）——jar是类似zip的另一个归档文件。然后可以提取引导文件并相应地使用。可能值得将它们放在服务器上的\domino\html文件夹中，因为NSF可以容纳最多的设计元素。

XPages运行时有代码来识别路径“/xsp/.ibmxspres”，并通过定义的所有资源提供程序来查找从何处加载相关资源。在本例中，后续的“.extlib”标识它是扩展库插件的一部分

OSGi允许它从插件中提取相关资源

---

对于一个标准的Domino表单，您没有这两个文件，因此它不知道文件在哪里，如果它知道，就无法提取它们。如果您从OpenNTF下载ExtLib，您可以使用通常用于提取zip文件的任何东西解压缩相关插件（“com.ibm.xsp.theme.bootstrap”）——jar是类似zip的另一个归档文件。然后可以提取引导文件并相应地使用。可能值得将它们放在服务器上的\domino\html文件夹中，因为NSF可以容纳最多的设计元素。

我有一个支持引导的domino表单，它在html头内容中使用以下内容（有效）：

”
"

---

因此，请将您的CSS链接hrefs更改为以/xsp开头（因此，请删除../），然后查看它是否有效。

我有一个启用引导功能的Domino表单，它在HTML头内容中使用以下内容（有效）：

”
"

---

因此，请将您的CSS链接hrefs更改为以/xsp开头（因此，请删除../），然后查看它是否有效。

但是如果我将引导文件放在WebContent文件夹下，那么我可以从xpage外部访问它们吗？e、 g.多米诺骨牌形式？那么URL是什么呢？你应该可以。我认为它的工作原理与作为文件资源添加时完全相同，但我没有这样做。但是，正如我所提到的，一个NSF可以保存的设计元素数量是有限的（这些文件将被视为一个设计元素）。@Malin看到了我的答案。由于您的表单与您的XPages应用程序位于同一数据库中，因此应该可以使用。但是，如果我将引导文件放在WebContent文件夹下，那么我可以从xpage外部访问它们吗？e、 g.多米诺骨牌形式？那么URL是什么呢？你应该可以。我认为它的工作原理与作为文件资源添加时完全相同，但我没有这样做。但是，正如我所提到的，一个NSF可以保存的设计元素数量是有限的（这些文件将被视为一个设计元素）。@Malin看到了我的答案。由于表单与XPages应用程序位于同一个数据库中，因此它应该可以工作。

"<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">

<!-- Bootstrap core CSS -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"/xsp/.ibmxspres/.extlib/bootstrap/xsptheme/xsp.css\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"/xsp/.ibmxspres/.extlib/bootstrap/bootstrap320/css/bootstrap.min.css\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"/xsp/.ibmxspres/.extlib/bootstrap/xpages300.css\">

<script src='/xsp/.ibmxspres/.extlib/bootstrap/jquery/jquery-1.11.0.min.js'></script>
<script src='/xsp/.ibmxspres/.extlib/bootstrap/bootstrap320/js/bootstrap.min.js'></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.js\"></script>
  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js\"></script>
<![endif]-->"