首页布局如何去除区块之间的间距

2016-07-20 17:20:00
admin
原创
1150

蝉知系统在页面布局设计上非常的方便,用户可以在后台布局管理中自定义设计要显示的板块,而且默认区块之间是有间距的。这样区块之间能更有条理的布局。但有的时候,我们想去除这个间距,让不同板块紧挨着,怎么修改呢?

我们只需要调整一下样式即可:

后台--设计--代码管理--首页--CSS中加入下面代码:


.carousel{
    margin-bottom:0px;
}
.row > .col > .panel, .row > .col .carousel, .row > [class*="col-"] > .panel, .row > [class*="col-"] .carousel, .page-content > .panel, #boards > .panel, .page-side > .panel, .row > [class*="col-"] > .nav, .row > [class*="col-"] > .list-group, .m-blog .card, .row > .col > .list-group {
    margin-bottom: 0px;
}
#navbar {
    margin-bottom: 0px;
}
.navbar{
    margin-bottom: 0px;
}

保持即可,去前台查看效果。

下面是修改前后的节目效果:

修改前:

修改后:

发表评论
评论通过审核后显示。
技术交流社群

扫码关注,有问必答

扫码关注,资源分享,问题解答!

    蝉知cms网站建设交流群      zentaoPHP框架交流群

联系站长
联系人: Gavin Hsueh
Email: 753391279@qq.com
QQ: 753391279
微信: 753391279
网址: www.xuecaijie.com