如何在 Spring MVC 中使用 Twitter 引導程序

Question

我不明白為什么我的 Spring MVC 頁面不支持引導程序樣式。

我的你好.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>

我的目錄項目結構：

在此處輸入圖片說明

任何想法如何正確添加引導程序？

Answer 1

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

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

Answer 2

嘗試使用https://github.com/Mrdigs/Bootstrap.jsp

它是一個開源的 JSP 標記庫，旨在使使用 Bootstrap 和 JSP 變得簡單、快速和有益。

Answer 3

這也像我在使用 BootStrap 時遇到的問題。 在你寫的文件夾樹中

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

嘗試

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

不使用“/”

Answer 4

另一個觀察結果是，如果您使用的是“Eclipse”，則必須在添加任何內容后“刷新”您的項目。

前任。：
如果你添加了一些 .js，你必須在 eclipse 中“刷新”你的項目
如果你添加了一些 .css，你必須在 eclipse 中“刷新”你的項目

Answer 5

spring mvc 通常從位於您的 src 發行版 src->main->webapp->resource 上的資源文件夾中加載任何外部 html 庫的源，將所有 js、css 粘貼到那里並將其鏈接到您的 jsp

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

如何在 Spring MVC 中使用 Twitter 引導程序

問題描述

5 個解決方案

解決方案1
3 已采納 2014-03-19 17:40:43

解決方案2
0 2014-04-09 19:33:59

解決方案3
0 2014-04-16 16:34:45

解決方案4
0 2014-07-08 20:47:15

解決方案5
0 2015-10-26 01:17:06

如何在 Spring MVC 中使用 Twitter 引導程序

問題描述

5 個解決方案

解決方案1 3 已采納 2014-03-19 17:40:43

解決方案2 0 2014-04-09 19:33:59

解決方案3 0 2014-04-16 16:34:45

解決方案4 0 2014-07-08 20:47:15

解決方案5 0 2015-10-26 01:17:06

解決方案1
3 已采納 2014-03-19 17:40:43

解決方案2
0 2014-04-09 19:33:59

解決方案3
0 2014-04-16 16:34:45

解決方案4
0 2014-07-08 20:47:15

解決方案5
0 2015-10-26 01:17:06