首页 > 其他 > 详细

Bootstrap "row"类宽度超出问题

时间:2014-11-07 13:07:26      阅读:1345      评论:0      收藏:0      [点我收藏+]

问题产生原因:

       页面用Bootstrap的栅格系统来布局,类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>




Bootstrap "row"类宽度超出问题

原文:http://blog.csdn.net/cvsuser113/article/details/40890377

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!