先看一个简单的模板(DOCTYPE是html5的文档类型)

<!DOCTYPE html>
<html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <title>Bootstrap 101 Template</title> <!-- 引入 Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet">  <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 警告: 如果通过 file:// 引入 Respond.js 文件,则Respond.js无法起效果 --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>你好,世界!</h1> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <!-- 包括所有已编译的插件(下面)或根据需要包括单个文件,此处引用的是精简的JS文件 -->  <script src="js/bootstrap.min.js"></script> </body> </html>

Bootstrap CDN 推荐

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件(一般不用引入) --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

转载于:https://www.cnblogs.com/span06/p/6772570.html

BootStra相关脚本引用说明相关推荐

  1. 用户控件中动态加入脚本引用

    用户控件中动态加入脚本引用,添加前先判断是否已经有引用,没有才添加. //××××.ascx protected void Page_Load(object sender, EventArgs e){ ...

  2. oracle tirger_又一次发现Oracle太美之awr相关脚本简介

    又一次发现Oracle太美之awr相关脚本简介 大家知道在$ORACLE_HOME/rdbms/admin下,有例如以下的相关脚本(我的环境为11.2.0.4.2): [oracle@rh64 ~]$ ...

  3. AB上的脚本引用丢失,The referenced script is missing!

    今天工作的时候队友遇到了一个BUG.说是脚本引用丢失. 一个Prefab打包AB后,修改了AB上绑定的脚本. 然后加载AB后出现了 警告 引用丢失. 项目的EditorSetting设置的是 Visi ...

  4. 【git】git操作命令和相关脚本

    目录 git clone git checkout git diff git add git pull --rebase git pull git fetch git reset git stash ...

  5. 【git】git命令和相关脚本

    目录 git clone git checkout git diff git add git pull --rebase git pull git fetch git reset git stash ...

  6. bash颜色、变量、数组、相关脚本示例

    下面是bash的相关内容,包括bash的颜色代码.bash的四类文件.bash中变量处理方式.数组变量.shell的过程式编程语言以及部分简单脚本例子. 一.bash的颜色显示规则(颜色代码) bas ...

  7. 2016-11-18(2)(Unity相关)---脚本基础

    利用deltaTme进行移动 position+= new vector3(Time.deltaTime * speed ,0.f,0.0f) ;  对象的移动速度按秒计. ------------- ...

  8. POC-T框架学习————9、相关脚本深入学习五

    script目录----整个POC的存放地方,也是该项目的一个重点 因为涉及的POC脚本比较多,我们接下来就简单的去介绍几个: 1.activemq-weakpass.py(Apache Active ...

  9. elasticsearch服务相关脚本

    转载 : Ubuntu18配置elasticsearch服务开机自启踩坑 :https://blog.csdn.net/qq_32635069/article/details/89003055?dep ...

最新文章

  1. C/C++学习之路_八: 复合类型
  2. 数据结构_排序算法总结
  3. 把男朋友变成儿子你只需要一秒
  4. vue.js 接收url参数
  5. 5月首批国产游戏版号下发:又一大波游戏要来了
  6. html5 plus与vue,基于Html5 Plus + Vue + Mui 移动App 开发(二)
  7. js动态计算移动端rem
  8. 【元胞自动机】基于matlab元胞自动机模拟交通流【含Matlab源码 355期】
  9. 蓝桥杯单片机电路图讲解-74HC138-74HC02和74HC573的联合使用讲解
  10. 处理微信公众号图片防盗链
  11. 关于ele框架样式修改
  12. 国产之光AT2401C完全取代替代RFX2401C直接兼容软件硬件
  13. 卫生统计学v是什么意思_卫生统计学 名词解释
  14. matlab最小二乘法拟合 做图像,用MatLab画图(最小二乘法做曲线拟合)
  15. python判断是否为变位词_[python]变位词的判别与分类
  16. 2021年中国学前教育行业发展现状及未来发展趋势分析:毛入学率达88.1%[图]
  17. 答题小程序为何那么火?
  18. 让学历见鬼去吧----20世纪最狂妄的校园演讲
  19. bt2mag_粉碎Mag CSS问答#2
  20. (一)性能测试(压力测试、负载测试)、

热门文章

  1. TechEd 2006 微软揭开SharePoint 2007 新特性LOBi
  2. 题目 2018: 飞奔的马
  3. sae中如何rewrite
  4. 4、HTML 学习记录——元素学习
  5. Mathematica入门教程笔记(可配套视频食用)
  6. 1万条数据大概占多大空间_Vue - Table表格渲染上千数据优化
  7. 运营商大数据产业链迎机遇
  8. opencv扩展包contrib算法简介
  9. Ubuntu12.04虚拟机下安装USB转串口驱动(PL2303)
  10. mysql生成千万级测试数据