我有一个非常简单的 XPage，其中包含一个表格和一些输入字段。 该应用程序使用 2014-01-28 发布的 bootstrapv3.0.0 主题和 OpenNtf bootstrap4Xpages 插件。 我想我根据 bootstrap-3 文档使用了正确的标记。 该页面在 Chrome 中呈现得很好，但在 IE 11 中却是一团糟。 在 IE 中，表格似乎被切割成大约固定的宽度。 100px 并且所选“引导”输入字段上的特征蓝色边框未按应显示的那样显示 带有 btn-warning 样式的按钮按预期显示，也在 IE 中。这告诉我至少某些样式在 IE 中也正确应用了 还有其他人遇到过这个问题吗？ 关于可能的解决方案的任何提示（放弃对 IE 的支持不是一种选择）？
【问题讨论】：
标签： twitter-bootstrap-3 xpages
您是否在兼容模式下运行 IE11？尝试关闭兼容模式并查看网站是否加载。
默认情况下，Intranet 网站以兼容模式加载，我认为这确实意味着如果您的网站是在过去 15 年的模式下制作的，那么它看起来会很糟糕。
Per Henrik Lausten 有一个 xSnippet，可以在用户运行时向他们显示警告。 http://openntf.org/XSnippets.nsf/snippet.xsp?id=display-warning-message-if-internet-explorer-uses-compatibility-view-mode
【讨论】：
在你的html头中添加x-ua-compatible头来禁用IE所谓的兼容模式：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
此问题的更多信息： What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?
【讨论】：
我遇到了格式问题，通过添加解决了
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
【讨论】：
我建议你在</head> 之前使用这些行
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
我知道它们仅适用于 IE 8 IE 9 但仍然 :)
我从来没有遇到过 IE 11 的任何问题，如果可能的话，您能否提供任何链接
【讨论】：