网站开发框架bootstrap

随着移动端设备的多样化以及普及度，响应式网站应运而生，为了方便响应式网站的开发，前端网站开发框架bootstrap被行业内人士大力推崇。那么今天就跟小编一起探讨一下bootstrap被大力推崇的原因吧！

栅格式布局：

Bootstrap的栅格式系统是其精华，本质是table，将网页按照网格进行布局。通过多媒体查询对xs 768，sm 768 – 992，md 992 – 1200，lg 1200 等不同的屏幕大小，采取不一样的布局。原理是将屏幕宽度分为12列，不同屏幕下不同模块所占的宽度比例不同，一行放不下自动挤到下一行排列的流式布局系统。使得页面布局更具灵活性。

组件：

Bootstrap组件基本都提供一下样式，success/info/warning/danger 来区分不同场景下的显示，提供了状态：active/disable 激活和禁止的样式; 提供了 show和 hide。提供了控件大小 xxx-md/xs/lg/sm。基本组件包括文本，表格，表单，按钮，图片等。增强版组件有字体图标，基于列表ul(ol)/li 实现的一些控件， 胶囊导航，导航栏，面包屑导航，分页 & 翻页，按钮组， 输入框组等。

插件：

Bootstrap 提供了 data-xx 属性（对应有API操作，可以二选一），通过 12 个js来实现。比如：data-toggle 触发型，collapse - 折叠效果（同级别），dropdown - 下来菜单（子级别），modal - 模态框等。还有一些事件类型的插件，一类是过程开始触发；一类是过程执行结束。

Bootstrap 响应式网站开发工具提供了强大的布局公能，同时提供了网站开发排版布局方面的基本功能样式，提供了前端网站开发常用的一系列组件，方便的实现了响应式网站布局。