logo标签列表

如何在Spring MVC中使用Twitter Bootstrap

htmlcsstwitter-bootstrapspring-mvc
8

我不明白为什么我的Spring MVC页面无法连接上Bootstrap样式。

我的hello.jsp文件：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="<c:url value="/bootstrap/css/bootstrap.min.css"/>" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>

<div class="btn-group">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
</div>

<script src="<c:url value="/bootstrap/js/bootstrap.min.js"/>"></script>
</body>
</html>

我的目录项目结构：

enter image description here

有什么好的方法来正确添加Bootstrap吗？

看起来你的CSS文件在给定的URL中找不到。尝试在你的URL中在“/bootstrap”之前添加${pageContext.request.contextPath}。 - Luiggi Mendoza
抱歉，但是你的解决方案不起作用。 - user3279337
尝试将您当前的CSS链接替换为<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">。另外，请确保清除浏览器缓存。 - Luiggi Mendoza
5个回答
3
如果您正在使用Springs框架，您可以在dispatcher-servlet.xml文件中添加这些行。
<mvc:resources mapping="/bootstrap/**" location="/resources/" />
0

这也像我在使用这个BootStrap时遇到的问题。 在你的文件夹树中 你写了

    value="/bootstrap/css/bootstrap.min.css"

尝试

    value="bootstrap/css/bootstrap.min.css"

不使用 '/'

0
0
另一个观察是，如果您正在使用“Eclipse”，则必须在添加任何内容后“刷新”您的项目。

例如：
如果您添加了一些.js文件，则必须在Eclipse中“刷新”您的项目
如果您添加了一些.css文件，则必须在Eclipse中“刷新”您的项目。
0

Spring MVC通常从资源文件夹中加载任何外部HTML库，该文件夹位于您的src分发src->main->webapp->resource中。将所有的JS、CSS粘贴到这里，并使用

标签将其链接到您的JSP。 

<link href="resources/css/yourResource.css" rel="stylesheet">

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接