ITPub博客

首页 > 应用开发 > Bootstrap > 【前端基础】Bootstrap

【前端基础】Bootstrap

原创 Bootstrap 作者:开发者学习指南 时间:2019-07-12 15:45:32 0 删除 编辑


什么是 Bootstrap

Bootstrap ,来自 Twitter ,是目前很受欢迎的前端框架。 Bootstrap 是基于 HTML CSS JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

 

它由 Twitter 的设计师 Mark Otto Jacob Thornton 合作开发,是一个 CSS/HTML 框架。 Bootstrap 提供了优雅的 HTML CSS 规范,它即是由动态 CSS 语言 Less 写成。 Bootstrap 一经推出后颇受欢迎,一直是 GitHub 上的热门开源项目,包括 NASA MSNBC (微软全国广播公司)的 Breaking News 都使用了该项目。

 

国内一些移动开发者较为熟悉的框架,如 WeX5 前端开源框架等,也是基于 Bootstrap 源码进行性能优化而来。

 

Bootstrap 框架用途和优点

我们可以使用 Bootstrap 框架提供的样式和组件快速的完成一个网站的前端页面,只需要引用一些定义好样式和组件(通过定义好的 class 来引用相应的样式和组件),就可以完成一个非常漂亮网页。而且 Bootstrap 框架还支持自适应,在不同大小的屏幕上会自动调节网页显示的内容,避免了在在 pc 上很漂亮的网页,而在移动端左右出现滚动条,网页内容太小看不清等不利于用户体验的表现。

 

Bootstrap 文档目录结构

bootstrap /

├── 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 课程:https://edu.aliyun.com/roadmap/frontend?utm_content=g_1000060596


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69926013/viewspace-2650370/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-05-28

  • 博文量
    27
  • 访问量
    20475