Twitter bootstrap 3 使用bootsrapv3.0.0主题时，页面在IE 11中无法正确呈现_Twitter Bootstrap 3_Xpages

Twitter bootstrap 3 使用bootsrapv3.0.0主题时，页面在IE 11中无法正确呈现

twitter-bootstrap-3 xpages

Twitter bootstrap 3 使用bootsrapv3.0.0主题时，页面在IE 11中无法正确呈现,twitter-bootstrap-3,xpages,Twitter Bootstrap 3,Xpages,我有一个非常简单的XPage，其中有一个表和一些输入字段。该应用程序使用2014年1月28日发布的bootstrapv3.0.0主题和OpenNtf bootstrap4Xpages插件。根据bootstrap-3文档，我认为我使用了正确的标记。该页面在Chrome中呈现良好，但在IE11中呈现混乱。在IE中，表格似乎以大约100px的固定宽度切割，并且所选“引导”输入字段上的特征蓝色边框没有显示出来带有btn警告样式的按钮也按预期在IE中显示。这告诉我，至少一些样式在IE中也得到了正

我有一个非常简单的XPage，其中有一个表和一些输入字段。该应用程序使用2014年1月28日发布的bootstrapv3.0.0主题和OpenNtf bootstrap4Xpages插件。根据bootstrap-3文档，我认为我使用了正确的标记。该页面在Chrome中呈现良好，但在IE11中呈现混乱。在IE中，表格似乎以大约100px的固定宽度切割，并且所选“引导”输入字段上的特征蓝色边框没有显示出来带有btn警告样式的按钮也按预期在IE中显示。这告诉我，至少一些样式在IE中也得到了正确应用还有谁遇到过这个问题？

关于可能的解决方案的任何提示（放弃对IE的支持不是一个选项）

我建议您在

我知道它们只适用于IE 8 IE 9，但仍然：）

我从来没有遇到过IE11的任何问题。如果可能的话，你能提供任何链接吗？

你是否在兼容模式下运行IE11？尝试关闭兼容性模式，查看站点是否加载

默认情况下，intranet站点以兼容模式加载，我认为这确实意味着，如果您的web站点是在过去15年的模式下创建的，那么它将看起来很糟糕

Per Henrik Lausten有一个xSnippet，如果用户正在这样运行，它可以向用户显示警告

在html标头中添加x-ua-compatible标头以禁用IE所谓的兼容模式：

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

有关此问题的更多信息：

我遇到了格式问题，通过添加

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

谢谢，但我认为这更像是XPages的问题。我在IE中使用纯静态HTMLI呈现Bootstrap-3时没有问题我与IE11有相同的问题这里是我创建的链接问题：如果我在IE11中启用兼容模式，我在测试页面上看到完全相同的行为。MS团队提出了一个绝妙的想法，即在内联网站点中默认启用该功能……如果网站无法关闭该功能，则您需要根据集团策略禁用该功能，或者向用户发出通知。我猜M$认为大多数内联网站点都是1995年建立的，需要一个老式的浏览器才能真正将其全部包含进去。这实际上解决了我的小问题。非常感谢你们两位，我的服务器确实出现在“本地intranet”网站列表中。从Domino测试REST服务时，这实际上非常方便（与此问题无关）。不管怎么说，正如马克所说，内联网站点在默认情况下被设置为兼容模式，当我关闭它时，一切都正常工作。我真的很讨厌这个选项。我正在我的组织中通过GPO管理这个。很好的提示！从一刻起，所有的内联网页面都显得如此专业：D

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">