Bootstrap作为目前很受欢迎的前端框架,越来越多的网站开始使用基于Bootstrap框架进行开发。
1、定制开发方法
(1)Bootstrap定制开发可以使用LESS和Grunt实现定制化
(2)在线实现定制化开发,地址为:http://v3.bootcss.com/customize/
2、定制开发优点
页面没有采用bootstrap定制开发时,页面在引入Bootstrap后需要重写相关属性进行覆盖操作。
采用定制开发后可以直接引入定制化开发好的bootstrap样式文件。
3、主要参数
(1)栅格系统参数
@grid-columns 列数
@grid-gutter-width 栅格间宽度
(2)媒体查询断点
@screen-md 中等屏幕
@screen-lg 大屏
(3)container 宽度定制
@container-large-desktop
总结:直接在bootstrap官网的实现定制化操作,简单方便,便于项目开发开发。
本文介绍如何通过LESS和Grunt或在线方式定制Bootstrap框架,简化页面样式调整过程。文章详细阐述了定制化开发的优点,并列举了一些主要的定制参数。
401

被折叠的 条评论
为什么被折叠?



