bootstrap影响自定义的css,定制自己的Bootstrap样式

bootsrap

本文主要针对对Bootstrap有所了解，或者使用过Bootstrap的读者提供参考。

官方提供了个性化定制功能 ,可以选择自己需要的组件，插件，自己设置不同模块的less变量，最后从官网下载到一份编译后的个性化bootsrap。

如果是比较复杂的项目，虽然官网开放的变量上百个，但还是不能满足业务需求，这时候就需要下载源码修改less文件，bootstrap是通过less预编译的。

less介绍

less是一种动态样式语言。LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数.

使用less可以这样写css：

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {

box-shadow: @style @c;

-webkit-box-shadow: @style @c;

-moz-box-shadow: @style @c;

}

.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {

.box-shadow(@style, rgba(0, 0, 0, @alpha));

}

.box {

color