html怎么利用bootstrap,html如何引用bootstrap?

44cbd94c3c7a32bb69cc49297908f9c7.jpg

html中引入bootstrap框架

因为bootstrap依赖jQuery库,所以在引入bootstrap的同时要引入jQuery库,注意事项:引入的顺序不要改变,否则会得不到自己想要的结果。

有两种引入方法:

1、直接引入:

优点:方便,简单;

缺点:使网页加载缓慢,需要有网络的情况;

2、下载好库再进行引入:

下载jQuery库:

1)找jQuery官网,点击Download jQuery:

cf4fae2b97dcc975656ae0064c64b3ac.png

2)下拉页面,下载对应版本的jQuery库:

235b6f2a5b754cb730212eb3687deef7.png

3)进行下载:

a3cdab148f1254fd46d5ce7d5b5bbeeb.png

4)放到需要引用的HTML文件相同的地方,要放桌面都放桌面,要放文件夹都放同一文件夹下。要重命名。例:

46f8f8f730a82c27ba7a6c2366101376.png

5)根据具体的路径直接引入即可。例:

41fb2c777378cce86f586a882d87aa4a.png

开始引入bootstrap

1)下载bootstrap库

35e0293030d7928ed555c402826ff8a8.png

2)选择合适的库

e7af76ba24049a397215490d98266398.png

3)下载后解压缩,也放入同样的目录下:

e3a385d8e8be5b0324e5136d8324903c.png

4)打开后

144ea7cb76304063227b31c564336819.png

5)按需引入,注意路径不要错误

3f5b0b80ef7d77b9c930c06d96979df4.png

优点:加载网页会快点,没有网络的情况也可用;

缺点:稍许麻烦点(多次用可忽略不计)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值