Bootstrap框架,在使用栅格布局的时候,在父标签中添加row类,发现引起网页出现横向滚动条的问题
来源:互联网 发布:知乎@公众号提问 编辑:程序博客网 时间:2024/06/15 15:58
查看row类的css样式内容为:
.row{
margin-left:15px;
margin-right:15px;
}
因此确定就是由于这两个样式引起的。
故重写row类的css样式,即
.row{
margin-left:0px;
margin-right:0px;
}
至于为什么Bootstrap要将row类的左右外边距设定为负值,官网解释为,通过为.row元素设置负值margin从而抵消到.Container元素设置的padding,也就间接为“行(row)"所包含的”列(coloum)"抵消掉了padding。而出现这种问题的原因也是由于没有将行(row)包含在.container(固定宽度)或.container-fluid(100%宽度)中。
因此,另一种解决方法即是将行(row)包含在.container(固定宽度)或.container-fluid(100%宽度)中。
2 0
- Bootstrap框架,在使用栅格布局的时候,在父标签中添加row类,发现引起网页出现横向滚动条的问题
- 解决Bootstrap的row类,引起网页横向滚动条的问题。
- 使用框架framset在IE6出现横向滚动条的解决方法
- bootstrap 使用row时出现的左右方向滚动条
- 在.net 2.0中使用iframe并且控制不出现横向的滚动条的方法
- bootstrap在IE下table丢失横向滚动条的问题
- iframe在IE6下出现横向滚动条的解决方案
- SWF在火狐中出现横向滚动条
- 在网页中使用了border做分割线布局出现的问题
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- 在iframe中隐藏横向滚动条。
- android中在布局中添加滚动条
- Extjs的Window在IE6中滚动条失效,表单太大 当出现滚动条 时候会出现window和form错位
- 如何去掉网页的横向滚动条,竖向滚动条
- 如何去掉网页的横向滚动条,竖向滚动条
- 在网页中嵌入天气预报的滚动条
- 给Datagrid添加横向的滚动条
- 给div添加横向的滚动条
- 3.Django-MTV
- (干货)自定义 type="range" type="radio" select的样式
- Centos 6.x Hadoop集群环境搭建
- android 播放视频常见问题
- L2-022. 重排链表
- Bootstrap框架,在使用栅格布局的时候,在父标签中添加row类,发现引起网页出现横向滚动条的问题
- 自定义test之java json字符串转为java对象
- 使用ubuntu17.04编译Android 6.0源代码
- 写在最初
- hadoop2.7.3的安装
- 如何使用mule message
- 去除字符串中的空格 C语言实现
- POJ 1182 食物链 -- 解题报告
- MLManager 简单的app管理器