bootstrap学习和使用的经验总结

强烈推荐boostrap的一个中文网:bootstrap中文网,谁看谁喜欢。

刚进公司的时候发现公司的前端是基于bootstrap这个前端框架来开发的,虽然之前也了解过相关的知识,但并没有深入的了解过,这次是不得不用了。这个是难不倒我的,上手了三天,立马掌握基础的使用和方法,而后才发现啊,这个框架不兼容IE6啊。虽然网上也有一个IE6兼容方案,但是也做得好难看啊,而且使用IE浏览器来看的话,这个框架真的挺槽糕的,没办法,谁叫我只是小喽喽,开不下去也得用。

开始使用

进去的时候发现前端的基础框架都被人定得差不多了,反正我自己是有点看不下去了。搞了bootstrap,又不搞自适应,那么这个框架还有什么优势可言呢?而且设计师设计稿件的时候根本不理bootstrap这个框架之间的间距和色调、宽度、比例之类的。单纯用bootstrap根本搞不定设计出来的稿件啊。

那么我只能把他用作一个UI库吧。是的,你没有听错,这是一个button、form、icons、table做得很好的UI库。

我用这个框架来做这些的时候,感觉好对不起这个框架啊。可是设计出来的作品又要求100%还原,怎么可能根据bootstrap框架来做呢?而且还要兼容IE6,bootstrap虽然很好用,但是如果设计师没有深入了解这个框架,并根据这个框架的基础布局来做设计的话,那么对于前端人员来说,利用bootstrap这个框架来做,根本比不上自己写代码更加方便的。

其实,就我们网站目前的规模,根本无须使用bootstrap这个框架的。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流