码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap "row"类宽度超过问题

时间:2015-08-20 16:45:51      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:

问题原因:

       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>




版权声明:本文博客原创文章,博客,未经同意,不得转载。

Bootstrap &quot;row&quot;类宽度超过问题

标签:

原文地址:http://www.cnblogs.com/hrhguanli/p/4745635.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!