BootStrap --------- 了解使用

时间:2019-11-27
本文章向大家介绍BootStrap --------- 了解使用,主要包括BootStrap --------- 了解使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

Bootstrap是用来做什么的?有几大部分?谁开发的?有什么特点?

  一个用于快速开发 Web 应用程序和网站的前端框架。

  基于 HTML、CSS、JAVASCRIPT 的。

  2011 年八月在 GitHub 上发布的开源产品,由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。 

  响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机

如何下载?

1、通过网址进入一步步操作,点击download

https://getbootstrap.com/

进入下载界面,选择合适的版本进行下载,两种下载方式

Compiled CSS and JS:

  表示下载的 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不包含文档和最初的源代码文件。
Source files:  

  下载源代码,可以直接从 from 上得到最新的 Bootstrap LESS 和 JavaScript 源代码。但是使用的是未编译的源代码,需要编译 LESS 文件来生成可重用的 CSS 文件。对于编译 LESS 文件,Bootstrap 官方只支持 Recess,这是 Twitter 的基于 less.js 的 CSS 提示。

所以,建议下载压缩的版本。

 下载好后可以看到:

可以看到已编译的 CSS 和 JS(bootstrap.*),以及已编译压缩的 CSS 和 JS(bootstrap.min.*),在使用的时候使用   .min 结尾的

如何使用:

Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,需要使用 HTML5 文档类型(Doctype)  

引用:    建议放到 head 标签内

  引用css样式的时候使用   link 标签    href属性

  引用js 样式的时候使用script 标签和  src 属性

Bootstrap的css,里面定义了各种样式
Bootstrap的js,用于产生交互效果,比如关闭警告框

注意:

  Bootstrap需要JQuery才能正常工作,所以需要导入jquery.min.js

  顺序不要搞错了,否则有一些效果会出不来。首先是JQuery,然后是Bootstrap,css最后是Bootstrap js

原文地址:https://www.cnblogs.com/obge/p/11940946.html