bootstrap有个ui库，可能不符合你的审核，需要对它的ui库进行定制。
这个charisma，就是基于bootstrap，修改的一个ui库。
一般公司有后台项目，有表格的，需要自己写吗？不要，因为这些样式实在很无聊，直接去找UI库，千万不要自己去写。
只要不是画移动端页面，不要手写div，自己撸css代码。
公司做to c和to b的项目有区别。to c的ui设计复杂度、用户体验要优化。to b不需要考虑用户体验、不需要考虑兼容性。
to b项目比较经典的，OA项目。
to c项目比较经典的，电商项目。to c项目可能有个to b的系统录入数据的。to b的项目数据交互比较复杂，ui没啥要求。
现在前端都往移动端靠拢，to c会更广泛。
去哪里找UI库？
17素材网
如果bootstrap的UI库当中，有些风格，需要你修改一下，我们就需要对bootstrap来做点定制化了。
定制1
如果ui说，现在我不要槽宽30px，我要槽宽100px。
我们应该怎么办？
第一步，我们可以在bootstrap的源码当中，找到变量定义的less文件，如下图，找到variables.less，然后将@grid-gutter-width从30px修改为100px。
第二步，我们修改完了之后，要编译一下，那么要编译哪个文件呢？这个需要找一下入口文件。
入口文件，就是bootstrap.less，如下图所示：
我们使用koala编译了这个bootstrap.less文件之后，最终的文件，都在bootstrap.css当中：
less当中的import，可以将多个less文件，合并到一个文件中去。
css当中的import，是发送多个网络请求，将文件拿过来，并不会将文件进行合并。
然后，我们进行一下测试，发现确实是修改成功了。
如上图，所示，槽宽变成了100px。
这是定制bootstrap的1种方式，就是去修改源码。
可是，多数情况，我们不想动源码，动源码破坏了根本结构，动态性不高。
定制2
第二种方式，我们不要动源码，我们新建一个less文件，然后我们把源码当成一个混合，引入进来。然后在新建的less文件当中，直接修改我们要定制的变量。
然后对这个新建的less文件进行编译。
这种方式当然更好。这样就可以定制化写一点样式。这需要你对less有一定了解。
当然源码当中最难的部分，就是栅格的源码了，这个问题，我们前面已经解决了。
源码当中其他的部分，都是比较简单，比较基本的。
一般我们需要修改bootstrap的ui风格的话，就是要去修改一些变量而已，这些都是variable.less当中。
需要修改什么变量，我们直接去源码当中找到这个变量。
我们根据ui人员给我们的配色方案、表格的展示形式，然后去修改变量，就可以了。
我们推荐第二种定制化的方式。
一般不会有这种需求，如果有这种需求，说明你们的公司比较大，需要有自己的UI风格。
产品人员和UI人员会进行对应的风格的设计，然后把这些参数给前端人员，我们前端人员直接去修改bootstrap相关的变量，然后重新编译，就好了。一个比较成熟的公司，UI图应该长什么样子呢？参考tip2章节，进行了解。
tip1
tip2
这就是UI图。