Question

我有一个引导模态窗口（屏幕显示），该窗口具有一个按钮，单击该按钮可打开另一个模态窗口（预览），该窗口将smae域上的URL加载为实际页面的外观预览。这有效，但是如何调整预览模式中显示的内容的大小。目前，它会将网址加载为全屏显示。

我尝试过改变各种班级，但没有任何成功。

“屏幕显示”模式上的我的按钮代码：

 <button type="button" class="btn btn-secondary btn-xs" data-toggle="modal" data-target="#view_preview_Modal" data-remote="https://example.com/apps/signage/a/d1/signage.php">Preview</button>

“预览模式窗口”：

<div id="view_preview_Modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby = "PreModalLabel">
  <div class="modal-dialog-preview" modal-lg>
    <div class="modal-content">
      <div class="modal-header2">
        <div class="modal-title" id="PreModalLabel">Display preview: 
      <span class="header-input">
            <input name="DeviceID" id="PreviewDeviceID" type="text" style="width: 300px" class="datatext_header_no_border" readonly>
            <input name="ScrennLocation" id="PreviewScreenLocation" type="text" style="width: 300px" class="datatext_header_no_border" readonly>
          </span> 
    </div>
       </div>
       <div class="modal-body-preview" >
       <!-- THE PREVIEW OF THE URL IS DISPLAYED HERE
           </div>
       <div class="modal-footer">
       <button id="PreviewCancel" type="button" class="btn btn-secondary btn-xs" data-dismiss="modal">Close</button>
          </div>
      </div>
    </div>
  </div>
</div>

在此先感谢您的帮助和时间。

Bootstrap在模态窗口内加载URL并调整大小以适合

0 个答案: