SUI,Bootstarp和kendoui整合中出现的样式问题

SUI 是一套基于 bootstrap 开发的前端组件库, 同时她也是一套设计规范。是商家后台系统的设计规范和前端组件库。
文档所在位置：http://sui.taobao.org/sui/docs/about.html

---

使用：
1、引用cdn上的文件
http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css
http://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js
2、在github上clone源代码
https://github.com/sdc-alibaba/sui

---

这个框架是由阿里一个前端团队开发的，由于该团队中主要作者已从阿里离职，所以本项目从14年起就没有更新、无人维护了，其中作者将手机端SUIMobile项目更名为Light7，所以有需要的可以去http://www.light7.cn/ 查看

---

SUI中有一部分组件是bootstarp和kendoui中都没有提供的，所以在需要这些组件的时候，可以考虑使用SUI库

• 步骤条 http://sui.taobao.org/qnui/docs/steps.html
  步骤条只需要引用sui.min.css文件即可，上面提供了两种步骤条，一种tooltip样式和一种round样式，使用起来非常方便
• 工具栏
• 自动补全

---

开始只是懒得自己写！想找一个现成的步骤条拿来用，SUI的步骤条的确是简单好用，结果在和Bootstarp、kendoui一起使用的时候出现了很多问题...
由于SUI和bootstrap的都是前端框架，所以开发者在命名上有很多相似的地方，为了保持风格一致，谨慎同时使用SUI和bootstrap

1、按钮样式问题
SUI和bootstarp的按钮样式都是使用类选择器，且命名完全相同 ，都是使用的btn来作为按钮组样式控制，所以在使用按钮组时需要小心处理；
解决办法：尽量使用一个css来控制，或者手动改写某个css中的btn名称

2、分页页数按钮问题
SUI和kendoui中都有分页按钮，且都是通过ul>li标签来实现的，SUI中的分页按钮是通过li的父级标签的类选择器class="sui-paginatio"调整li的样式，而kendoui在grid中的生成的分页按钮是通过li>span的类选择器k-pager-numbers来调整样式，且两个样式中li定义的高度是不同的，所以当同时引用了两个css时，在grid中生成的页码按钮和grid原有的上页、下页按钮高度不一致；
解决办法：手动修改某个css中的li的高度即可，kendoui中的页码按钮高度为27px;SUI中的页码按钮高度是18px;

发现其他问题再补充！未完待续...