前端开源框架使用心得--关于bootstrap和pintuer的比较

嗯，最近做的项目，负责人要求网页能够在小屏幕设备上有很好的表现，第一个想到的就是使用bootstrap前端开源框架进行

开发。于是看了下bootstrap的手册，感觉非常容易使用，只要稍微有点html和css基础的同学都可以使用。所谓框架嘛，就是

把非常复杂的方法进行封装，屏蔽掉很多底层的*作。

总之，在项目开发中，使用bootstrap框架确实省了自己不少的工作，我可能比较愚笨，使用过程中，我总结出来就只有一句话：

以前你写网页的时候，需要自己去定义样式，然后给定高度，宽度之类的，那么，使用Bootstrap你就只用给标签加class就行。

说得直白点，就是在很多情况下，你不需要自己写样式，只需要在html部分不断的给标签加class就行了。
举个例子:
写个按钮，要求按钮有圆角，字体白色，背景绿色，按照传统的方法你可能这么写:
<button type="button"style="width:80px;height:40px;border:1px solid green;border-radius:8px;background-color:green;color:#fff;font-weight:bold;">Success</button>

效果如下：




怎么样？自己写的很是麻烦，而且还要各种调样式。【以上为了演示方便把样式写在行间】

我们来看看使用框架是如何写一个按钮的：
<button type="button" class="btn btn-success">Success</button>

效果如下：




使用框架只需要加两个class即可，是不是很方便？当然，如果不满意，自己完全可以重写覆盖样式。

当然使用框架，还有很多组件可以使用，包括面包屑，分页，路径导航等等，很多网页经常使用到的都有包括。

我曾将在写一个比较复杂页面的时候，自己写的样式不超过100行，大大减轻工作量。

所以在这里也想给入门的朋友提示，bootstrap没有你想象中的那么难。

好了，既然标题有说到还有一个pintuer，这是何方妖物？竟然敢和bootstrap相提并论？

嗯，我也是最近才知道有这个框架存在的，打开官方的网站，你会发现和bootstrap一样，官方自称为中国的

bootstrap，自己使用了一下，感觉也是很爽的，但是他和bootstrap有什么区别？个人使用的过程中有下面几点：

共同点：
1、pintuer是模仿bootstrap来的，你会发现他们对同一个东西的不同叫法而已，比如有人说宿舍，有的人说寝室一样。
2、使用简单，快速上手
3、使用的图标渲染引擎貌似不一样


不同点：
1、pintuer比bootstrap多定义一些样式，比如文字样式，标签的背景。
2、bootstrap国外社区讨论比较活跃，著名的有stackoverflow，国内有官方的中文网，不过贴吧比较冷清。

我大概只总结了这么多。

如果真的要在项目中使用，我还是比较喜欢用国内的pintuer，但是bootstrap的开发者是twitter工程师，

社区比较活跃，发现问题比较容易。其实使用bootstrap可以自己编译，变成和pintuer一样的使用方法。


新手入门可以从pintuer，因为他的入门文档比较适合英语不是很好的同学，而且中文详细，然后项目中

使用bootstrap，用法差不多。

附上链接：
1、bootstrap中文网：http://www.bootcss.com/
2、pintuer官方网址：www.pintuer.com