Bootstrap第一章 bs入门

最新推荐文章于 2021-10-20 16:26:11 发布

LW0512

最新推荐文章于 2021-10-20 16:26:11 发布

阅读量343

点赞数

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/LW0512/article/details/108936652

版权

本文是Bootstrap入门教程，介绍了Bootstrap的起源、网址、优点、框架内容、文件结构以及如何使用这个流行的前端框架。Bootstrap提供了CSS、JS基础结构，包含网格系统、链接样式和组件，并支持自定义和jQuery插件。

摘要由CSDN通过智能技术生成

Bootstrap入门

1：bootstarp简介：

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

2：bootstarp网址：

--中文网址：https://www.bootcss.com/
--外文网址： http://getbootstrap.com/
--菜鸟网络：https://www.runoob.com/bootstrap/bootstrap-grid-system.html

3：bootstarp优点：

--移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
--浏览器支持：所有的主流浏览器都支持 Bootstrap。 
--容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
--响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

4：Bootstrap 框架的内容：

--基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
--CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。
--组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
--JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。
--定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

5：Bootstrap文件介绍：

最新版本的 Bootstrap 核心 CSS 文件

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin