Bootstrap笔记

2018-11-11
学习笔记

引用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>标签里应该放的语句


以上内容更新于2018-11-11