Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、Javascript 的,它简洁灵活,使得 Web 开发更加快捷。
本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。每个部分都包含了与该主题相关的简单有用的实例。
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、Javascript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
目前使用较广的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.3.7,4的最新版本是4.3.0 [3]
在2018年1月下旬,Bootstrap团队发布了Bootstrap 4 正式版,4的最主要变化包括以下方面:
从 Less 迁移到 Sass
改进网格系统
缺省弹性框支持
Dropped wells, thumbnails, and panels for cards
合并所有 HTML resets 到一个新的模块中:Reboot
全新自定义选项
不再支持 IE8
重写所有的 Javascript 插件
改进工具提示和 popovers 的自动定位
改进文档
其他大量改进
基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。
CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。
组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
Javascript 插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。
定制:您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。
可用的 Grunt 命令
grunt dist (仅编译 CSS 和 Javascript 文件)
重新生成 /dist/ 目录,并将编译压缩后的 CSS 和 Javascript 文件放入这个目录中。作为一名 Bootstrap 用户,大部分情况下你只需要执行这一个命令。
grunt watch (监测文件的改变,并运行指定的 Grunt 任务)
监测 Less 源码文件的改变,并自动重新将其编译为 CSS 文件。
grunt test (运行测试用例)
在 PhantomJS 环境中运行 JSHint 和 QUnit 自动化测试用例。
grunt docs (编译并测试文档中的资源文件)
编译并测试 CSS、Javascript 和其他资源文件。在本地环境下通过 bundle exec jekyll serve 运行 Bootstrap 文档时需要用到这些资源文件。
grunt (重新构建所有内容并运行测试用例)
编译并压缩 CSS 和 Javascript 文件、构建文档站点、对文档做 HTML5 校验、重新生成定制工具所需的资源文件等,都需要 Jekyll 工具。这些只有在你对 Bootstrap 深度研究时才有用。
除错
如果你在安装依赖包或者运行 Grunt 命令时遇到了问题,请首先删除 npm 自动生成的 /node_modules/ 目录,然后,再次运行 npm install 命令。
应用bootstrap的原因:其实,在进行分析的时候,首先要做的就是,判断随机变量的类型,然后就是判断随机变量的数据服从什么分布。什么分布至关重要,因为它直接决定能不能分析。举例:如果进行方差分析,首先就要求正态分布,如果不是正态分布,就要有补救措施,这个补救措施就是bootstrap。bootstrap还有一个用处,因为经典统计学对集中趋势比较完善,但是对其他一些分布参数,例如中位数,四分位数,标准差,变异系数等的区间估计不完善,所以就需要bootstrap,这种方法。bootstrap和经典统计学方法类似,一般情况参数法效率高于非参数法,但是,参数法最大的弊端就是需要事先有一个分布模型,如果模型不符合,分析结果可能错误,也就是白分析。
如果数据存在明显的层次,可以用分层抽样提高分析效率,spss默认是非参数bootstrap方法,并且采用完全随机抽样,所以,如果要求分层抽样,不能依靠默认,需要自己设置。
还有特别需要注意,需要多少个观测量才是最科学,最合理的,答案是1000个。少于这个数字,计算结果不准确,因为是按照百分位数法计算可信区间,所以,不能太少。如果多于1000个,多数情况下精度改善非常有限,并且浪费系统资源和计算时间。
bootstrap的spss分析中的操作步骤:“分析”~“比较均值”~“均值”~选择好自变量和因变量~“选项”子对话框~“单元格统计量”~bootstrap子对话框~执行bootstrap复选框
还有一点,如果因变量符合或者大概符合正态分布,bootstrap方法就可以不用。