带有 twitter 引导 css 的 XLSTForms答案

【问题标题】：XLSTForms with twitter bootstrap css带有 twitter 引导 css 的 XLSTForms
【发布时间】：2014-09-18 18:34:49
【问题描述】：

我正在试验 XForms，并使用 XSLTForms 实现。

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

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

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

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

你会推荐我做什么？有没有人做过这样的事情（我找不到）。

更新：

即使我使用处理指令<?css-conversion no?>，我的css文件仍然没有加载。原来，您需要明确关闭 css 文件的 link 标记。所以，它必须是这样的：

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

感谢您的示例！我去看看。
好的，我明白了，但我有一个更具体的案例。我为它创建了第二个问题 - 如果你想检查，你可以在这里找到它 stackoverflow.com/questions/25035123/… :)
答案中的底部链接已失效。