web-dev-qa-db-fra.com

Comment utiliser Twitter bootstrap avec JSP

Je ne comprends pas pourquoi ma page jsp ne colle pas aux styles bootstrap. 

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

Ma structure de projet de répertoire:

enter image description here

Des idées comment ajouter correctement le bootstrap?

htmlcssjsptwitter-bootstrap
8
user3279337

Si vous utilisez la structure Springs, vous pouvez ajouter ces lignes dans dispatcher-servlet.xml.

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

Une autre observation est que si vous utilisez 'Eclipse ", vous devez" actualiser "votre projet après avoir ajouté quoi que ce soit.

Ex.:
Si vous ajoutez des fichiers .js, vous devez "actualiser" votre projet dans Eclipse. 
Si vous ajoutez du .css, vous devez "actualiser" votre projet dans Eclipse. 

0
heronsanches

Essayez d’utiliser https://github.com/Mrdigs/Bootstrap.jsp

C'est un taglib JSP open source conçu pour rendre le travail avec Bootstrap et JSP simple, rapide et enrichissant.

0
Darren

C’est aussi un problème pour mon problème lors de l’utilisation de ce logiciel BootStrap.

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

essayer

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

sans utiliser '/'

0
blackwingman

spring mvc charge normalement toutes les sources de bibliothèques HTML externes à partir du dossier de ressources situé sur votre distribution src src-> main-> webapp-> resource 

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

0
Jose Luis Garcia