html – Bootstrap 4列溢出而不是调整大小

概述我已经阅读了5-6个问题/答案,但找不到我要找的东西_ Bootstrap 4列的行为与我期望的不同.低于约600px的器件宽度,边缘溢出而不是继续减小尺寸 at 618px the columns are still reducing at 538px the columns are overflowing HTML： <div class="container"> <div class= 我已经阅读了5-6个问题/答案,但找不到我要找的东西_
bootstrap 4列的行为与我期望的不同.低于约600px的器件宽度,边缘溢出而不是继续减小尺寸

at 618px the columns are still reducing

at 538px the columns are overflowing

HTML：

<div >   <div >       <div >           <div  ID="photoBox">               <div ></div>            </div><!-- /#photoBox -->       </div>       <div >            <div  ID="dataBox">                <div ></div>             </div><!-- /#dataBox -->       </div>   </div></div><!-- /.container -->

CSS：

.outerdivborder {    wIDth: 100%;    border: 1px solID #454343;    padding: 0 1rem;    margin: 1rem;    margin-top: 1.5rem;    margin-bottom: 2rem;}

提前感谢您提供的任何指导:)

解决方法 你把保证金：1rem;在.outerdivborder上,该边距将内容推送到小屏幕上.在cols上使用填充 – 可以通过使用实用程序类进行填充来完成,在这种情况下使用py-3：

.outerdivborder {    wIDth: 100%;    border: 1px solID #454343;    padding: 0 1rem;}

<link href="https://cdnjs.cloudflare.com/AJAX/libs/twitter-bootstrap/4.0.0-beta/CSS/bootstrap.min.CSS" rel="stylesheet"/><div >   <div >       <div >           <div  ID="photoBox">               <div ></div>            </div>       </div>       <div >            <div  ID="dataBox">                 <div ></div>             </div>       </div>   </div></div>

总结

以上是内存溢出为你收集整理的html – Bootstrap 4列溢出而不是调整大小全部内容，希望文章能够帮你解决html – Bootstrap 4列溢出而不是调整大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。