Bootstrap "row"类宽度超过问题
2015-08-20 16:36
351 查看
问题原因:
VOORBootstrap门格系统布局,类别col-xs-*身边有15px的padding,在这样的元素img我们希望展现的顶部边缘,这需要col-xs-*式:padding:0px;
如此做后,该类底下若再有row类,会出现该元素宽度超出父元素宽度。
解决方法:
为后来的row类加入样式:100%;
演示样例代码:
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图标
- 玩转Bootstrap(基础) (2.表单操作)
- dynamic change content of bootstrap tooltip or popover
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- bootstrap 图标 由Glyphicons提供
- BootStrap弹窗
- 玩转Bootstrap(基础) (1.基础知识)
- bootstrap button按钮长度
- bootstrap3 input 输入框图标背景
- bootstrap注意事项(四)表格
- bootstrap注意事项(三)
- Bootstrap--组件之按钮组
- bootstrap -- 一个标签中,同时有 col-xs , col-sm , col-md , col-lg
- daterangepicker-bootstrap之双日历时间段选择控件(汉化版)
- bootstrap学习笔记二
- 从第一眼你就会爱上的bootstrap UI资源(下载)。
- Metronic 定制主题
- bootstrap注意事项(二)
- bootstrap注意事项(一)
- BootStrap基本样式