您的位置:首页 > Web前端 > BootStrap

Bootstrap "row"类宽度超过问题

2015-08-20 16:36 351 查看
问题原因:

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: