Question

我正在使用bootstrap4xpages扩展库。我试图在IE9中使用该应用程序。当我有一个处于阅读模式的页面时它看起来很好，但是当我在iE9中使用datepicker并去编辑文档时，页面布局被破坏并且它将布局切换到移动页面。

我可以使用布局来防止这种情况发生？我可以在页面上禁用响应吗？我可以阻止bsextension库读取日期选择器吗？

我认为它必须是渲染器，因为dojo文本框运行正常。

Answer 1

这可能与XPages无关，而只是关于这些浏览器的bootstrap支持。他们并不完全支持CSS3。

我认为请查看此页。

http://getbootstrap.com/getting-started/#support

Answer 2

是否需要使用默认的Datepicker？我使用这个并且效果很好：https://github.com/eternicode/bootstrap-datepicker

Answer 3

简短版：升级您的IE。

长版：
Bootstrap旨在与当前和现代浏览器一起使用。 IE9不符合这些标准中的任何一个。目前的版本是IE11，这是9个月大。

在当前版本的Bootstrap3发布时，它应该运行良好。您可以使用Bootstrap2（从未尝试过）。

你不能拥有过时组件的尖端技术（有趣的是，你的挑战不是来自XPage，而是来自HTML，CSS和IE）。尝试将您现有车辆上的轮胎安装到福特T型车上 - 或将其引擎安装到您的车内。

与IT经理进行认真聊天的时间:-)如果您需要帮助，请告知我们

Answer 4

我设法让这个在IE9中工作，是的我知道升级浏览器是＆＃34;对＆＃34;回答。但我需要传统的浏览器支持。

我需要创建一个自定义主题，使用此属性扩展bootstrap3。

<property>
                <name>styleClass</name>
                <value>#{javascript: var response = facesContext.getExternalContext().getResponse();
                    response.setHeader('X-UA-Compatible', 'IE=9');}</value>
            </property>

            <control>
    <property>

然后我需要确保我在资源中运行标准的respond.js和html5shiv。

查看我的代码看起来我也将此代码放在渲染前响应的布局中。我需要仔细检查以确定是否都需要。不确定这个或布局是否正在进行工作。但无论如何，在ie9工作是完全黑客攻击。

<property>
                <name>styleClass</name>
                <value>#{javascript: var response = facesContext.getExternalContext().getResponse();
                    response.setHeader('X-UA-Compatible', 'IE=9');}</value>
            </property>

            <control>
    <property>

如果有人在阅读本文时遇到了遗留浏览器的支持，我会感到很痛苦。请记住，它会变得更好，您的公司最终必须升级，现在您的应用就已准备就绪。

bootstrap 4 xpages与编辑模式中的datepicker中的IE9废墟布局

4 个答案: