bootstrap 引用后 css 样式 并不起效 不知道咋回事

Posted 2023-05-10

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified javascript -->
<script src="1.9.1 jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
如上 引用 后 css 就是 不起效 表单 技术就是 html 原始 样貌 （文件都是引用成功）

这一张图是显示 正确的

下面是整体 代码：：文件加载换成cdn形式的了
58.216.228.82:81/index.html

你把<script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>放到</body>前面，注意是body结束标签前。追问

不行的 还是没有效果

追答

css没用对,例如查找，应该写成查找。其他的你自己搜一下bootstrap对应版版本的api吧。版本不对也不可以的。

参考技术A 你应该引进的是bootstrap.css才对吧，bootstrap.min.css不行的，对了，你用的哪个版本的bootstrap

关于jsp中引用css外部样式无效时的处理方法

       今天做项目遇到的一个小问题，如下所示：

<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">

       引用外部css样式时，无效。然而在相同目录下的其他jsp文件也用了相同的路径引入该css样式，发现没有啥问题。这就很奇怪了，检查代码后发现没有问题。那问题只可能出在路径上。

       将相对路径改为绝对路径后，发现就没问题了。

<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  ${pageContext.request.contextPath}可得到项目的根目录。