首页 > 其他 > 详细

Bootstrap框架如何设置导入链接

时间:2019-06-05 10:13:18      阅读:115      评论:0      收藏:0      [点我收藏+]

技术分享图片bootstrap文件划分:

导入规则:

  方式一:可以先下载 ----https://v3.bootcss.com/

(1) 注意事项:

技术分享图片

(2)

 

技术分享图片

(3)

 技术分享图片

技术分享图片

技术分享图片

 

  注意1:bootstrap中的js文件依赖于jQuery,所以使用bootstrap需要先导入jQuery》》》》》:

   下载:https://jquery.com/

技术分享图片

一种本地导入:直接导入一层层添加 path

二是链接导入:(前提是得有网)

BootCDN>>>>:  https://www.bootcdn.cn/

(1)JQuery

技术分享图片

(1)压缩版JQuery

技术分享图片

 

(2)这是min.js压缩版 直接复制

技术分享图片

 

 

 

    <!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>-->
    <!--<link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">-->
    <!--<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>-->


下面是本地下载好的文件的导入
    <script src="JQuery-3.4.1.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

  

 

Bootstrap框架如何设置导入链接

原文:https://www.cnblogs.com/mofujin/p/10977319.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!