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语句检测。 如图。

html文件中引入bootstrap框架_第1张图片

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



你可能感兴趣的:(Bootstrap)