Bootstrap "row"类宽度超过问题

AirZH??

于 2015-08-20 16:36:00 发布

阅读量1.4k

点赞数

本文介绍了解决VOORBootstrap门格系统布局中图片顶部边缘显示问题的方法。通过调整col-xs-*类的padding，并为后续row类加入宽度100%的样式，确保布局正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题原因：

VOORBootstrap门格系统布局，类别col-xs-*身边有15px的padding，在这样的元素img我们希望展现的顶部边缘，这需要col-xs-*式：padding:0px;

如此做后，该类底下若再有row类，会出现该元素宽度超出父元素宽度。

解决方法：

为后来的row类加入样式：100%；

演示样例代码：

<div class="row">
    <div class="col-xs-12" style="padding:0px;">
        <img src="@Model.ImgPath" style="width:100%;" />
        <div class="row" style="width：100%">
           <div class="col-xs-5 col-xs-offset-1">
		...
           </div>
        </div>
    </div>
</div>