html怎么引入框架,html文件中引入bootstrap框架

bootstrap是让控件更加美观的前端框架,引用bootstrap框架能更好地展示网页。引入bootstrap之前需要先引入jQuery框架,因为bootstrap是基于jQuery实现的。

jQuery库的下载:网址 http://jquery.com/ 下载最新的jquery库即可,用于开发的需要下载压缩版的,即以.min.js结尾的。

bootstrap框架的下载:网址 https://v3.bootcss.com/getting-started/#top  下载较稳定的v3.3.7版本,用于开发的需要下载压缩版的,即以.min为后缀的。

接下来需要在html中引入jQuery和bootstrap, 顺序是先引入bootsrtap.min.css样式,再引入jquery.min.js ,再引入bootsrtap的javascript文件即:bootstrap.min.js。当然,为了确认引入的jQuery库是否生效,可以加一段js语句检测。 如图。

4aeffc5d1277dc0a98aaf0240e127715.png

然后就可以使用bootstrap框架了,但要注意,需要给控件添加bootstrap的类才能生效。还要查看bootstarp的官方文档,确认是否支持当前浏览器,这样bootstrap就引入成功啦。



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值