使用bootstrap需要向项目中导入什么文件详解

第一种方法：是引入官方在线文档如下

注意

    当我们F12有时候会出现下面这个错误,如下图

                            

1. 解决办法:应该先引入 jquery 在引入 bootstrap ,调换一下这俩个的顺序,如果没有 jquery 则添加jquery
2. 如果不是顺序的问题,则请添加最新版本的jquery

 

第二种方法：是下载官方提供的文档（下载地址是：https://v3.bootcss.com/getting-started/#download）

下载完成后解压文件，复制下面的三个文件到webContent下面 注意：如果放在webINF下面则是找不到路径，出不来效果的。

 

 

 

 注意 需要引入bootstrap的时候src要用到绝对路径要使用${pageContext.request.contextPath}如图

 

 

这样就可以开发第一个bootStrap效果的页面。

总结易错俩点：

①${pageContext.request.contextPath}表示的是“/项目名“即/textDemo

②link标签没有结束标签