大家都知道ripro用的是bootstrap这个款前端框架,遵循12栅格的规范,也就是说我们主体评分等宽栅格的话需要能被二整除,这里有一个尴尬的地方,就是如果按照这个原则,我们将主体改宽以后要么使用当前4栅格的排版,这样显得很大,网站视觉傻大显得没有节奏,比较笨重,那如果设置为6栅格,又会显得小气。
如何设置为5栅格呢?如本站www.mobanzhu.com的布局方式一样,如下图:

下面我讲方法分享给大家。

我们知道在默认的bootstrap中是没有5栅格等分布局的,所有这里我们就需要自定义,首先

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"mobanxi.com",如遇到无法解压的请联系管理员!
8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
声明如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性

模板系 » RiPro主题美化教程:主体改5栏栅格布局

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

发表回复

加入VIP免费获取全站资源

立即查看 了解详情
Copyright © 2018-2021MOBANXI.COM All Rights Reserved -桂ICP备17012970号
开通VIP 享更多特权,建议使用QQ登录