本教程操作环境:windows7系统、bootsrap3.3.7版、dell g3电脑
一.bootstarp环境部署1>.什么是bootstartp框架
bootstrap是twitter开源的基于html、css、javascript的前端框架。它是为实现快速开发web应用程序而设计的一套前端工具包。它支持响应式布局,并且在v3版本之后坚持移动设备优先。
bootstrap提供了优雅的html和css规范,它即是由动态css语言less写成。bootstrap一经推出后颇受欢迎,一直是github上的热门开源项目,包括nasa的msnbc(微软全国广播公司)的breaking news都使用了该项目。 国内一些移动开发者较为熟悉的框架,如wex5前端开源框架等,也是基于bootstrap源码进行性能优化而来。
如下图所示,官网介绍如下:
官方地址:https://getbootstrap.com
中文地址:http://www.bootcss.com/
2>.为什么要用bootstrap
在bootstrap出现之前:命名:重复、复杂、无意义(想个名字费劲)样式:重复、冗余、不规范、不和谐页面:错乱、不规范、不和谐在使用bootstrap之后: 各种命名都统一并且规范化。 页面风格统一,画面和谐。
3>.bootstartp下载
点击“下载bootstartp”。
选择用于生产环境的bootstrap进行下载。
3>.bootstrap环境搭建
目录结构如下:
bootstrap-3.3.7-dist/├── css // css文件│ ├── bootstrap-theme.css // bootstrap主题样式文件│ ├── bootstrap-theme.css.map│ ├── bootstrap-theme.min.css // 主题相关样式压缩文件│ ├── bootstrap-theme.min.css.map│ ├── bootstrap.css│ ├── bootstrap.css.map│ ├── bootstrap.min.css // 核心css样式压缩文件│ └── bootstrap.min.css.map├── fonts // 字体文件│ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ └── glyphicons-halflings-regular.woff2└── js // js文件 ├── bootstrap.js ├── bootstrap.min.js // 核心js压缩文件 └── npm.js
处理依赖:
由于bootstrap的某些组件依赖于jquery,所以请确保下载对应版本的jquery文件,来保证bootstrap相关组件运行正常。
二.bootstrap快速入门使用1>.查看首页的文档
推荐学习:《bootstrap使用教程》
以上就是bootstrap是什么样的框架的详细内容。
