Bootstrap中的对话4页Iphone坏渲染

Question

我的bootstrap4Xpages插件工作正常。 当显示一个对话框时，这在个人电脑上渲染得很好但在垂直位置的Iphone上却很糟糕。（查看示例） 用户无法看到对话框的左侧部分。

我在对话框控件周围包裹了一个div，希望能够更改css，但这似乎不起作用。 示例代码：

<div class="modal-dialog">
<xe:dialog id="dialog1" title="TEST on an Iphone">

    <xe:dialogContent id="dialogContent1">
    test this is a test Modal dialog test
    <xp:br></xp:br>
     is this working or not that is the question, Not on an Iphone vertically I guess!!!
    </xe:dialogContent>
    <xe:dialogButtonBar id="dialogButtonBar1">
    <xp:button
                        value="Ok"
                        id="button3"
                        themeId="Button.Primary">
                        <i class="glyphicon glyphicon-ok" />
                        <xp:eventHandler
                            event="onclick"
                            submit="true"
                            refreshMode="partial"
                            refreshId="dialog1">
                            <xp:this.action><![CDATA[#{javascript:getComponent("dialog1").hide()}]]></xp:this.action>
                        </xp:eventHandler>
    </xp:button>
    </xe:dialogButtonBar>
</xe:dialog>
</div>

Answer 1

同时我找到了这个项目： bootstrap-modal

我试过了bootstrap 3版本，堆叠的版本，它可以在所有设备上呈现，也是Iphone。