zoukankan      html  css  js  c++  java
  • bootstrap引入

    方法一:
     
         注意:引入js时需先引入jQuery
     
         1.在bootstrap中文网上下载源码,解压到路径  (<E:Lernootstrap>)
         2.将dist文件夹引入到django模块中,新建一个包,粘贴进入
         3.新建一个html,引入要用的bootstrap,如 :  <link  rel="stylesheet"  href="css/bootstrap/bootstrap.min.css">
         注意引入路径的时候,是在html所在路径查找,如果在上层可以用 ../ ,如 
         <link rel="stylesheet" href="../static/bootstrap/dist/css/bootstrap.css">
     
    方法二  CDN 引用:
     

    使用 BootCDN 提供的免费 CDN 加速服务(同时支持 http 和 https 协议) 

    在bootstrap的中文网-起步 这里 :  https://v3.bootcss.com/getting-started/
     
     
    <!-- 最新版本的 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>
     
    引入 jquery 
         1.下载  (<E:Lernootstrap>)   jquery-3.3.1.js
     
         <script src="../static/bootstrap/jquery-3.3.1.js"></script>
  • 相关阅读:
    《解密腾讯海量服务之道》讲座笔记
    图解 Paxos 一致性协议
    向量时钟算法简介——本质类似MVCC
    logback配置
    Protocol Buffers简明教程
    分布式调用技术 RPC VS REST
    Dubbo和Spring Cloud微服务架构对比
    Spring Boot学习笔记
    relatedTarget、fromElement、toElement相关元素
    12个不可不知的Sublime Text应用技巧和诀窍
  • 原文地址:https://www.cnblogs.com/yeteng/p/10499647.html
Copyright © 2011-2022 走看看