Bootstrap "row"类宽度超过问题
问题原因:
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>
版权声明:本文博客原创文章,博客,未经同意,不得转载。