bootstrap模态窗口动态宽度与最大值？

我有一个引导模式窗口，我需要根据显示的内容动态调整大小，最大高度和宽度为95％，滚动条自动溢出。我是一个CSS初学者，如果我正在做一些完全错误/愚蠢的事情，请耐心等待。bootstrap模态窗口动态宽度与最大值？

高度工作得很好，它动态调整大小，如果它达到最大值，它会溢出w /滚动条。我只是无法工作的宽度。我可以让它填充整个页面，或保持较小，但不能动态调整大小。我知道将样式放入内联是一种糟糕的做法，但我只是为了这个页面而做的。

我的引导模式：

<div class=modal fade" id="myModal" tabindex=-1 role="dialog"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
       <div class="modal-body" style="overflow-x:auto;overflow-y:auto;max-height:1000px;max-width:95%;"> 
        ... close all the above tags w/o anything but standard div/span for modal message and footer

我认为这个问题是引导情态动词有一个默认的宽度值，我不认为我可以覆盖（根据大小，像默认情况下，模态-SM，或莫代尔-LG）。任何线索我怎么能做到这一点？

来源

2017-03-09 user797963

您可以根据在下面的方式 -

工作示例

.modal-dialog{ 
 
    position: relative; 
 
    display: table; 
 
    overflow-y: auto;  
 
    overflow-x: auto; 
 
    width: auto; 
 
    min-width: 300px; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 

 
<head> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 
      </head> 
 
<body > 
 
<button type="button" data-toggle="modal" data-target="#myModal">Open Modal</button> 
 
<div class="modal fade" id="myModal" tabindex=-1 role="dialog"> 
 
     <div class="modal-dialog" role="document"> 
 
      <div class="modal-content"> 
 
       <div class="modal-body"> 
 
        <p>close all the above tags w/o anything but standard div/span for modal message and footer............................................................................................................................................................................................</p> 
 
        </div> 
 
        </div> 
 
        </div> 
 
        </div> 
 
</body> 
 

 
</html>

来源

2017-03-10 05:19:16 neophyte

嗯内容优化模态的高度和宽度，这并动态大小的模式窗口，但溢出似乎没有工作。模态将扩展超出页面的高度和宽度。我已经尝试添加最大高度和最大宽度，但是模式内的内容大小不正确。 – user797963

我可以通过在.modal上设置宽度来使其“足够接近” – user797963

bootstrap模态窗口动态宽度与最大值？

回答

相关问题