2021-05-26

                Bookstrap

Bookstrap是世界上受欢迎的响应式、移动设备优先的门户和应用前端框架，它会让你发现高质量的HTML、CSS以及JavaScript，从而让项目变得无比简单；同时它也提供了一个易于使用的现成样式框架、布局工具和交互式组件框架，允许开发人员创建视觉上吸引人，功能丰富的开箱即用的网站和应用程序，实现易用性辅助增强的无障碍浏览平台。

Bookstrap推荐全局样式和设置统一，使之标准化，样式的设置会影响全局。

Bookstrap的使用可快速建成一个网页，可省略大量的CSS代码。

Bookstrap几乎支持所有主流操作系统上各浏览器的最新稳定版本。

Bookstrap包括一些JavaScript来帮助我们做出更加充满生机、活动的项目；一些插件和CSS组件依赖于其它插件，如果要单个调用插件，首先得检查两者之间的依赖关系，所有插件都依赖于jQuery，jQuery必须在所有JS插件文件之前调用。

Bookstrap插件在JavaScript被禁用时没有特殊的回调方式。

使用这个框架必须的东西，插件，CSS和JS插件，网上非常多，版本虽然不同，但实际效果是没有什么差异的。

盒尺寸：

为了更规范Bookstrap的尺寸规范，box-sizing的值由默认的content-box重新定义为border-box，用来保证padding不会影响元素的最后计算宽度。

Bookstrap包含了一些供项目使用的组件和选项，包括外包裹容器、强大的网格系统、灵活多变的媒体对象和响应式的工具类，它的布局容器container，它是窗口布局的最基本元素，样式都基本定义在container或container-fluid容器之中，这是启用整个栅格系统必不可少的前置条件，，它们分别对应选择一个响应式的、固定容器宽度的容器，或者选择一个流式自适应浏览器或容器最大合法宽度的窗口。

这张图可加深理解

 

默认的container是一个响应式容器，它可以被嵌套，但是大多数布局不需要这么做，它有固定宽度和最大宽度，并且支持响应式断点。

Bookstrap的网格系统使用一系列div容器的行、列来布局和对齐内容，每一个类都具有独特的作用

 

 

一个普通的栅格系统，上图，栅格一个有五个等级，特小（col-）、小（col-sm-）、中（col-md）、大（col-lg-）特大（col-xl-），栅格系统可以为我们在网页布局方面省去大量没必要的东西。

 

Container实现固定的宽度并居中显示，Container-fluid实现全宽度，并和其它网格实现对齐，row是行，col是列，col后面有不同的数字，这些数字表明div空间占据列的数量，每行最多12列，列可以是行的直接子元素。每列都有水平的padding值，它用于创建列与列之间的间隙。

此框架包含多个用于显示、隐藏、对齐和间隔的实用工具，可加快移动设备与响应式界面的开发。运用好bookstrap，能让自己的开发能力更进一步！