内容 参数
  OS   Windows 10 x64
  browser   Firefox 65.0.2
  framework     Bootstrap 3.3.7
  editor   Visual Studio Code 1.32.1  
  typesetting   Markdown

1

https://v3.bootcss.com

2

3 - 点击下载bootstrap后

4 - 压缩包内目录结构

5

6

7

OK - 效果展示

code

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><!-- IE将使用最新的引擎渲染网页 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 页面的宽度与设备屏幕的宽度一致初始缩放比例 1:1 --><meta name="viewport" content="width=device-width, initial-scale=1"><title>Demo</title><!-- 引入外部bootstrap的css文件(压缩版),版本是3.3.7 --><link rel="stylesheet" href="css/bootstrap.min.css"><!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 --><!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 --><!--[if lt IE 9]><script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script><script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script><![endif]-->
</head><body><!-- start : demo --><div class="container"><p class="bg-info">Hello world</p></div><!-- end : demo --><!-- NO.1 加载框架依赖的jQuery文件(压缩版),版本是1.12.4 --><script src="js/jquery.min.js"></script><!-- NO.2 加载Bootstrap的所有JS插件,版本是3.3.7 --><script src="js/bootstrap.min.js"></script>
</body></html>

result

more knowledge

  • bootstrap源码包的结构

  • jQuery用的是v1.12.4,这个版本有什么特殊的地方吗?为什么放下最新版本?是为了兼容某个特殊版本的IE浏览器吗?感兴趣的话,可以查阅相关的资料。

  • 客名利 第一次接触bootstrap时,配个环境有些艰难,幸好有老师的指导。如今,客名利 把老师指导的内容整理成博文,分享给零基础的新手。加油ヾ(◍°∇°◍)ノ゙

resource

  • [ 文档 ] getbootstrap.com/docs/3.3
  • [ 源码 ] github.com/twbs/bootstrap
  • [ 源码 ] archive.mozilla.org/pub/firefox/releases/65.0/source/
  • [ 平台 ] www.cnblogs.com
  • [ 平台 ] github.com
  • [ 扩展 - 平台] www.bootcss.com
  • [ 扩展 - 浏览器 ] www.mozilla.org/zh-CN/firefox/developer


Bootstrap是前端开源框架,优秀,值得学习。
博文讲述的是V3版本,更为先进的是V4版本。学有余力的话,可作简单地了解。
Firefox是开源的浏览器,优秀,值得关注。
面对开源框架,分析、领悟与应用,能对其进行加减裁化,随心所欲而不逾矩。
博文的质量普通,仅供参考。盲目复制,处处是坑。Think twice before you act(三思而后行)!

转载于:https://www.cnblogs.com/kemingli/p/10545630.html

Bootstrap3基础 下载bootstrap3压缩包和相应的jQuery文件相关推荐

  1. 压缩包下载后php文件怎么打开,用户下载的压缩包rar格式或zip文件如何解压 解压后就可以安装或运行里面的文件了...

    狸窝网盘中分享有很多解决方案中使用到的软件资源,下载到电脑后是一个软件的文件压缩包,有的用户下载后不知道如何解压或说解压不了,怎么办?由于狸窝所面向用户比较大众化,为方便不同年龄层次和新手的使用,这里 ...

  2. ajax请求 下载zip压缩包

    ajax请求 下载zip压缩包 一.后台代码 二.前端代码 问题 后台最主要是 response.setContentType("application/octet-stream" ...

  3. 微信小程序下载zip压缩包后解压,并且打开文件查看的内容

    在开发pc端后台管理系统的时候,经常会遇到这样的需求:下载zip到本地,然后用户双击压缩包,并借助电脑端的压缩软件打开压缩包,就可以查看里面的word.excel.pdf文件里面的内容.(这种需求,毫 ...

  4. 下载python压缩包并使用setup.py安装

    环境:win10.python3.6.anaconda3 问题:使用pip install pp (pp是parallel包)或者使用pip安装其他包时可能会因为网络等原因下载失败. 解决: 去官网下 ...

  5. Python基础下载安装卸载

    Python基础下载安装 官网下载地址:https://www.python.org/downloads/ 官网页面如图: 点击[Download Python 3.8.5]进入下载, 下载位置自行选 ...

  6. 下载网上压缩包(包含多行json)并将其转换为字典的解决方案

      大家好,我是爱编程的喵喵.双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中.从事机器学习以及相关的前后端开发工作.曾在阿里云.科大讯飞.CCF等比赛获得多次Top名次.现 ...

  7. 继上一篇博客--javaweb通过接口来实现多个文件压缩和下载(包括单文件下载,多文件批量下载)

    通过动态分配地址来提升javaweb文件下载接口的其兼容性和可扩展性: (上篇博文地址:https://blog.csdn.net/weixin_37766296/article/details/80 ...

  8. javaweb通过接口来实现多个文件压缩和下载(包括单文件下载,多文件批量下载)

      程序员在做web等项目的时候,往往都需要添加文件上传.下载.删除的功能,有时是单文件,有时多文件批量 操作,而这些功能的代码程序员可以自己收藏起来当成工具使用,这样,程序员在进行程序设计的时候就会 ...

  9. java文件下载接口_javaweb通过接口来实现多个文件压缩和下载(包括单文件下载,多文件批量下载)...

    @RequestMapping("/uploads")public void recursion(String root, Vector vecFile,HttpServletRe ...

最新文章

  1. 前端交接文档_开发型Web前端和设计型Web前端的区别是什么?
  2. onMeasure模式
  3. 9张表格学会,子网划分
  4. python教学视频p_python接口自动化28requestshtml爬虫框架
  5. postman post gin 接收不到_golang web开发——gin实战入门
  6. ubuntu 之 查看 cuda,cudnn版本
  7. 快速排序详解以及java实现
  8. 鸿蒙2.0beta报名,鸿蒙OS 2.0 Beta版系统在哪报名-报名方法介绍
  9. Pytorch:数据并行和模型并行,解决训练过程中内存分配不均衡的问题
  10. MVC 模式和模型 2
  11. 思考:日期类型的数据应该用什么样的具体形式存储到数据库?
  12. keil创建工程没有atmel_如何使用 KEIL 下载 HEX 文件?
  13. Android事件分发机制(一)
  14. nyoj412 Same binary weight(bitset类运用)
  15. 【数据结构】NOJ016—计算二叉树叶子结点数目
  16. newifi路由器 php,新路由newifi固件下载
  17. 图像处理之matlab中fspecial函数用法详解
  18. cad详图怎么画_CAD结构图怎么画?手把手教你CAD结构图的绘制方法
  19. 服务器资源下载简单实现
  20. VScode 完整安装、配置及完全卸载

热门文章

  1. WannaCry警示:学会检测和减轻云端恶意内容
  2. MySQL错误:Specified key was too long; max key length is 767 bytes
  3. Windows RabbitMQ 命令
  4. Hyper-v Server动态内存
  5. MPLS ×××实验之OSPF sham-link
  6. SkMaskFilter (SkBlurMaskFilter的使用)
  7. Yum出错Error: Cannot find a valid baseurl for repo: addons
  8. 手动实现Spring中的IOC容器
  9. day 64 Django 第五天 多表对多表的对应关系ORM
  10. AC_Automata模板