Bootstrap的下载和使用

Bootstrap的第一篇，先讲一下下载版本和引用方式吧

首先下载一定要找对网站！！！https://getbootstrap.com/，认准啦，别去中文网站下载，重要的事情看三遍！！！

现在主要使用的两个版本，一个是v4.4，戳上面的链接，另一个是v3.3.7,戳这个链接 https://getbootstrap.com/docs/3.3/，先大概讲一下两个版本的区别，v4.4的响应式布局是基于CSS3中的弹性盒子flex，而v3.3.7则是基于CSS2中的流式布局flow: left。因此两者在用法上还是有区别的，后续会详细讲解

接下来康康怎么引用吧，这里以v4.4为主，进入官网有如下按钮

Download则下载后本地引入，有两个类型Complied CSS and JS 和 Source files，个人建议下载前者就好了，源文件适合需要修改框架的使用者。Get started是引入超链接，如下一个css文件，两个js文件，直接在官网复制链接就好，看起来挺香

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body></body>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</html>

下一节说响应式布局原理

Bootstrap的下载和使用相关推荐

李炎恢Bootstrap视频教程下载
李炎恢Bootstrap视频教程下载课程目录: 01.[Bootstrap] 第1章 Bootstrap介绍.avi 02.[Bootstrap] 第2章排版样式.avi ...
BootStrap的下载及使用方法
BootStrap使用很简单,先进入bootstrap的中文官网 https://www.bootcss.com/ 我们看上方的版本,这里咱们点开Bootstrap3,主页如图下点击下载,进入如下网 ...
50个极好的bootstrap模板下载地址
50个极好的bootstrap 后台框架主题下载 http://sudasuta.com/bootstrap-admin-templates.html 越来越多的设计师和前端工程师开始用bootst ...
JavaEE中级.20190601.Bootstrap（Bootstrap介绍.Bootstrap 特点.下载与使用.布局容器.栅格网格系统.排版）
一.Bootstrap介绍 1.官网:http://getbootstrap.com/ 中文网:http://www.bootcss.com/ Bootstrap是一套现成的CSS样 ...
如何下载使用Bootstrap？
文章目录前言具体操作总结前言 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的.本文将进行介绍如 ...
web前端学习day_05:Bootstrap
如何使用Bootstrap框架下载框架文件访问doc.canglaoshi.org 找到web开发文档中 BootStrap v3.3.7 Starter下载加压出里面的两个文件夹(Bootst ...
SSM整合的Maven项目中引入Bootstrap，三步实现高大上插拔UI，后端也有美感
对比效果引入bootstrap前引入bootstrap后实现第一步下载并引入bootstrap bootstrap3下载 https://v3.bootcss.com/getting-star ...
Bootstrap 环境安装
下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本.当您点击这个链接时,您将看到如下所示的网页: 您会看到两个按钮: Down ...
十八、前端必学Bootstrap美化（上篇）
@Author:Runsen @Date:2019/05/26 @updated Date:2020/05/30 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, ...

Bootstrap的下载和使用

Bootstrap的下载和使用相关推荐

最新文章

热门文章