css - 带有 twitter bootstrap css 的 XLSTForms

标签 css twitter-bootstrap xforms xsltforms

我正在尝试 XForms,并使用 XSLTForms 实现。

我在运行带有 bootstrap.css 链接的页面时遇到问题。 我读到 XSLTForms 需要 CSS 文件是有效的 XML 文件才能进行解析。所以我添加了 <css> ... </css>根标签包含 <![CDATA[ ]]> 但页面仍然根本无法加载。

我还包含了 css 转换和调试的处理指令,但它也不起作用:

<?xsltforms-options debug="yes"?>
<?css-conversion no?>

例如,我最终想要实现的是使用 bootstrap 的响应式样式规则并自定义输入控件和表单元素。

你会建议我做什么?有没有人做过类似的事情(我找不到)。

更新:

即使我使用处理指令<?css-conversion no?> ,我的 css 文件仍然没有加载。事实证明,您需要显式关闭 link css 文件的标签。 所以,它必须是这样的:

<link type="text/css" href="myStyle.css" rel="stylesheet"></link>

最佳答案

当您使用<?css-conversion no?>时外部 CSS 文件不需要是有效的 XML 文件(这样更好)。

XSLTForms 使用一组 CSS 规则,使其不直接与 Bootstrap 兼容。您需要先阅读指南:https://en.wikibooks.org/wiki/XSLTForms/CSS并经常使用浏览器检查器工具。

查看 http://fhirforms.com/查看已运行的 XSLTForms+Bootstrap 示例

关于css - 带有 twitter bootstrap css 的 XLSTForms,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24980565/

相关文章:

html - IE9 不渲染 [显示 : table] CSS correctly?

css - Bootstrap 和 body padding 左右

css - 浏览器无法访问 CSS

java - 使用 Orbeon XForms 将表单提交(发布)到 Java Servlet

recaptcha - 将 Recaptcha 与 EPiServer XForms 结合使用

css - 带有 CSS 转换的 Web 应用程序上闪烁的黑色方 block

html - 页脚不在容器 div 的底部

javascript - 将 spin.js 微调器插入到 div 中?

javascript - Bootstrap 数据表复选框更改类

xml - 是否有 XSD 来验证 JavaRosa XForm XML 文件?