学习笔记
引用Bootstrap文件
本地link : 后缀为
.css
的文件为css样式文件,里面包含了bootstrap编写好的所有css样式,其中文件名包含min
的是经过去空格,去换行处理压缩过的css文件,减少css文件体积,加快网页加载css的速度。.js
后缀的为javaScript文件,但bootstrap的js文件依赖于jQuery
,在引用bootstrap的js文件之前应该先引用jQuery的js文件。CDN : 除了使用本地文件link外,Bootstrap中文网还提供了免费的国内CDN加速服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费(同时支持 http 和 https 协议)
<!-- 最新版本的 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="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<head></head>标签里应该放的语句
IE兼容性语句
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
在外声明浏览器的文档解析类型
<!DOCTYPE html>
响应式声明
<meta name="viewport" content="width=device-width, initial-scale=1">
以上内容更新于2018-11-11