写点什么

bootstrap 深入学习

作者:黎燃
  • 2022 年 6 月 04 日
  • 本文字数:838 字

    阅读完需:约 3 分钟

什么是 bootstrap

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。


用处

Bootstrap 就是这样一个简洁、直观、强悍的前端开发框架,只要学习并遵守它的标准,即使是没有学过网页设计的开发者,也能做出很专业、美观的页面,极大地提高了工作效率。像 Bootstrap 中文就是基于 Bootstrap 来开发的。由于 Bootstrap 的普及率非常之高,至少在 CSS UI 库这个领域的地位是至今没有任何 UI 库可以撼动的。而且它本身就是基于 CSS 编写的,对于一个 Web 前端开发工程师来说 Bootstrap 是我们必须要学习了解的一个 UI 库。Bootstrap 允许以两种方式显示代码:<code> 标签。Bootstrap 是一个做网页的框架(目前最流行的 WEB 前端框架之一),就是说你只需要写 HTML 标签调用它的类你就可以很快速的做一个高大上的网页,你不用担心兼容问题,提供了很多样式供你选择!

结构

bootstrap/├── css/│ ├── bootstrap.css│ ├── bootstrap.css.map│ ├── bootstrap.min.css│ ├── bootstrap-theme.css│ ├── bootstrap-theme.css.map│ └── bootstrap-theme.min.css├── js/│ ├── bootstrap.js│ └── bootstrap.min.js└── fonts/├── glyphicons-halflings-regular.eot├── glyphicons-halflings-regular.svg├── glyphicons-halflings-regular.ttf├── glyphicons-halflings-regular.woff└── glyphicons-halflings-regular.woff2
复制代码


主要分为三大核心目录:css(样式)、js(脚本)、fonts(字体)。1.css 目录中有四个 css 后缀的文件,其中包含 min 字样的,是压缩版本,一般使用这个;不包含的属于没有压缩的,可以学习了解 css 代码的文件;而 map 后缀的文件则是 css 源码映射表,在一些特定的浏览器工具中使用。2.js 目录包含两个文件,是未压缩和压缩的 js 文件。3.fonts 目录包含了不同后缀的字体文件。

发布于: 刚刚阅读数: 4
用户头像

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

评论

发布
暂无评论
bootstrap深入学习_6月月更_黎燃_InfoQ写作社区