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

Gun*_*mas 12 xpages twitter-bootstrap-3

我有一个非常简单的XPage,带有一个表和一些输入字段.该应用程序使用bootstrapv3.0.0主题和2014-01-28发布的OpenNtf bootstrap4Xpages插件.我想根据bootstrap-3文档我正在使用正确的标记.这个页面在Chrome中呈现得很好,但在IE 11中却是一团糟.在IE中,表格看起来像是固定宽度约为.100px和选定的"自举"输入字段上的特征蓝色边框没有显示,因为它应该按照预期的btn警告显示按钮设置,也在IE中.这告诉我至少有一些样式在IE中正确应用了以及其他遇到此问题的人吗?关于可能的解决方案的任何提示(不支持IE不支持)?

Pat*_*yer 29

你在兼容模式下运行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

  • 必须如此:如果我在IE11中启用兼容模式,我会在测试页面上看到完全相同的行为.毫无疑问,MS团队默认为Intranet站点启用它... (2认同)

小智 23

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

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
Run Code Online (Sandbox Code Playgroud)

这个问题的更多信息: <meta http-equiv ="X-UA-Compatible"content ="IE = edge">做什么?