如何在 Spring MVC 中使用 twitter 引导程序答案

【问题标题】：How to use twitter bootstrap with Spring MVC如何在 Spring MVC 中使用 twitter 引导程序
【发布时间】：2014-04-09 11:00:23
【问题描述】：

我不明白为什么我的 Spring MVC 页面不包含引导样式。

我的 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>

我的目录项目结构：

任何想法如何正确添加引导程序？

【问题讨论】：

看起来您的 CSS 文件无法从给定的 URL 中找到。尝试在 URL 中的 /bootstrap 之前附加 ${pageContext.request.contextPath}。
抱歉，您的解决方案不起作用。
尝试将您当前的 CSS 链接替换为 <link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">。另外，请确保从浏览器中清除缓存。

标签： html css twitter-bootstrap spring-mvc

【解决方案1】：

如果您使用 Springs 框架，您可以在 dispatcher-servlet.xml 中添加这些行

<mvc:resources mapping="/bootstrap/**" location="/resources/" />

【讨论】：

【解决方案2】：

尝试使用https://github.com/Mrdigs/Bootstrap.jsp

它是一个开源的 JSP 标记库，旨在使 Bootstrap 和 JSP 的使用变得简单、快速和有益。

【讨论】：

【解决方案3】：

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

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

试试

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

不使用'/'

【讨论】：

【解决方案4】：

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

例如：
如果你添加一些 .js，你必须在 eclipse 中“刷新”你的项目
如果你添加一些.css，你必须在eclipse中“刷新”你的项目

【讨论】：

【解决方案5】：

spring mvc 通常从位于您的 src 分发 src->main->webapp->resource 的资源文件夹中加载外部 html 库的任何源，将所有 js、css 粘贴到那里并使用链接到您的 jsp p>

&lt;link href="resources/css/yourResource.css" rel="stylesheet"&gt;

【讨论】：