Bootstrap提供的CDN服务标签与下载文档

本文介绍了如何引入Bootstrap的CDN服务以加快网页加载速度,以及如何下载Bootstrap官方文档并将其添加到PyCharm项目中。同时强调了在使用Bootstrap时需要配合jQuery,并且下载文件能提供代码补全功能。
1.引入Bootstrap提供的CDN服务
直接引入Bootstrap提供的CDN服务(基于网络直接请求加载)
CDN的概念:内容分发网络(加快服务器响应速度,别人可以快速访问到网站的资源)
CDN有免费的也有收费的

前端免费框架CDN网站:https://www.bootcdn.cn/twitter-bootstrap/3.4.1/

1.选择下载Bootstrap CDN

选择下载Bootstrap CDN,将Bootstrap标签复制到Pycharm的HTML文档,在添加到自定义文档。

image

CSS标签:
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">

js标签:
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

Bootstrap官网下载地址:https://www.bootcss.com/

二:下载Bootstrap官方文档
1.进入Bootstrap官网,选择3版本中文档。

image

2.选择Bootstrap中生产环境下载文件。

image

3.下载完压缩后,打开Bootstrap文件

image

4.Bootstrap文件 CSS文件与JS文件内未压缩等文件删除,只留压缩的一个文件,防止在导入Bootstrap文件时发生数据错乱。fonts文件不需要动,里面是字体文件。

image

5.将Bootstrap文件直接移动到Pycharm当前文档内。

image

6.外部Bootstrap引入CDN标签,与Bootstrap官网文件。

image

7.注意(下载Bootstrap文件与复制标签)

Bootstrap文件也需要下载,如果不下载Bootstrap的文件,直接引用Bootstrap的的标签,那么在PyCharm敲Bootstrap代码的时候,会不提示Bootstrap相关代码语法

所以先下载Bootstrap文件,在复制Bootstrap标签到HTML文档,添加到PyCharm文档。

image

8.注意

bootstrap的js代码是依赖于jQuery的,也就意味着你在使用Bootstrap动态效果的时候,一定要导入jQuery

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值