关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2275
32
分类目录
最新评论
- <script>alert(11)</script>
-
- :kaixin: :haha:
-
- 666 :kaixin:
-
- 楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
-
- 厉害 :zhenbang: :zhenbang: :zhenbang:
-
文章标签更多
打开边栏(ESC)
关闭边栏(ESC)
用bootstrap布局时会产生一些问题,比如col水平间距过大
修改方法:
重新设置col之间的间距
[class*="col-"]{ padding: 5px; }
在bootstrap.css随便搜索col-md会发现,col每列之间之所以有间距,是因为col里面的左右内边距都是15px形成的,这样col里面的内容与内容之间间距就是30px。想修改内边距,我们只需要修改padding-right: 15px; padding-left: 15px;的值就可以了。
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
另:
container左右内边距是15px
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }row左右外边距是-15px;
.row { margin-right: -15px; margin-left: -15px; }
所以,下面的container和row是一样宽的,如果都铺背景色,它们是重合的
<div class="container"> <div class="row"></div> </div>
赏


相关推荐
AdminLTE管理后台提示框,bootstrap框架提示框Tooltip
AdminLTE管理后台提示框
Bootstrap框架提示框Tooltip
实现方法:
html代码:
<span data-toggle="tooltip" title="提示框内容" data-placement="right">是</span>
页面头部需引入jquery.min.js...
bootstrap栅格系统一行5列或8列
Bootstrap栅格系统一行5列或8列怎么实现?
Bootstrap栅格系统五等分或八等分?
在使用Bootstrap栅格的时候,我们可以对网页方便的进行模块分割。
要2等分,使用col-md-6即可;
要3等分,使用col-md-4即可;
要4等分,使用col-md-3即可;&nbs...
评论加载中...
前一篇: Bootstrap栅格系统一行5列或8列