我爱编程

Bootstrap定制开发

2017-08-02  本文已影响0人  王翔爱摇滚乐爱电影爱心理学爱哲

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

作者:王翔 QQ:592767079 Email:wangxianglengye.com 期待共同进步!

上一篇下一篇

猜你喜欢

热点阅读