浅谈bootstrap的使用

现在大部分刚开始学前端的人都要学习一下bootstrap框架,作为一个新入门的前端来说,bootstrap的却是一门非常容易入门的框架,他很好的封装了比较常用的效果配合UI做出的很好的效果,而且包括网格系统对新入门的朋友来说,是很好的打开响应式网页的开端,下面总结一下bootstrap的优缺点。

优点

1) 栅格系统(结构)

        栅格系统根据不同的用户屏幕尺寸,订制了不同的网格结构,利用栅格系统和它的媒体查询可以使一个网站适应不同的屏幕端,大大减少了开发成本和时间。

2)CSS模块化(表现)

        BT预定义了很多css类,并且对这些类进行了好多的包装,完成很好的表现效果,而且使用它预定义好的类可以避免很多bug,在前期的开发项目阶段可以做测试用。

3)JavaScript插件(交互)

        BT的JavaScript插件非常丰富,既可以用现成的也可以自己扩充,BT提供了一个集成板的BT.js您可以直接拿过来使用也可以单个使用引入*.js即可,后台的人员不懂得布局结构也可以很好得使用。

缺点

1)因为是栅格系统的响应式网页,很多固定的宽度高度达不到美工的精准要求。

2)预定义的css的模式化类太多,很多不同的效果还是需要自己去写,引入很多预定义类都是无作用的

3)会有兼容问题,虽然网上存在很多兼容IE的办法,但需要引入其他文件,有些还不小,势必导致加载速度变慢,影响用户体验

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 11,169评论 3 184
  • 第一章 Bootstrap简介 定义 Bootstrap官网给出的解释是:简洁、直观、强悍、移动设备优先的前端开发...
    lvyweb阅读 1,472评论 1 10
  • 大家好,我是IT修真院北京分院第27期学员,一枚正直善良的前端程序员今天跟大家分享一下bootstrap的使用。 ...
    odd4Loah阅读 1,552评论 0 3
  • 这几天陆续在朋友圈看到考上研究生的好友晒自己收到的录取通知书,每一个都真心点赞给予祝福,因为只有走过那段从酷暑到寒...
    echo敏阅读 771评论 16 5
  • 1、与朋友相见,听到最多的便是抱怨声,似乎在他们口中他们的学校是世界上最糟糕的学校了。比如学校管得太严...
    麋鹿w阅读 498评论 0 0

友情链接更多精彩内容