How to use twitter bootstrap with Spring MVC

Question

I can't understand why my Spring MVC page don't huck up bootstrap styles.

My 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>

My directory project structure:

enter image description here

Any ideas how to properly add bootstrap?

Looks like your CSS files cannot be found from the given URL. Try appending `${pageContext.request.contextPath}` before `/bootstrap` in your URLs. — Luiggi Mendoza, Mar 06 '14 at 16:48
Try replacing your current CSS link to ``. Also, make sure to clear the cache from your browser. — Luiggi Mendoza, Mar 06 '14 at 16:52

score 3 · Accepted Answer · answered Mar 19 '14 at 17:40

3

If you are using Springs framework you can add these line in dispatcher-servlet.xml

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

answered Mar 19 '14 at 17:40

Manish Mahajan

1,140
1
14
38

score 0 · Answer 2 · answered Apr 09 '14 at 19:33

0

Try using https://github.com/Mrdigs/Bootstrap.jsp

Its an open source JSP taglib designed to make working with Bootstrap and JSP simple, quick, and rewarding.

answered Apr 09 '14 at 19:33

Darren

1

score 0 · Answer 3 · answered Apr 16 '14 at 16:34

0

It's also like my problem while using this BootStrap thing. in your folder-tree like that you wrote

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

try

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

without using '/'

answered Apr 16 '14 at 16:34

blackwingman

1

heronsanches · Answer 4 · 2014-07-08T21:43:04.717

0

Another observation is that if you is using 'Eclipse", you must "refresh" your project after adding anything.

Ex.:
If you add some .js, you must "refresh" your project in eclipse
If you add some .css, you must "refresh" your project in eclipse

edited Jul 08 '14 at 21:43

answered Jul 08 '14 at 20:47

heronsanches

524
7
12

score 0 · Answer 5 · answered Oct 26 '15 at 01:17

spring mvc normaly load any source of external html libraries from the resource folder, located on your src distribution src->main->webapp->resource, Paste all your js, css there and link it to your jsp with

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

How to use twitter bootstrap with Spring MVC

5 Answers5

Linked