Paginas jsp com bootstrap

12 respostas
java
L

Boa tarde galera, estou com um problema no meu projeto, onde estou tentando fazer uso do bootstrap porem o mesmo não está sendo apresentado em minhas paginas, apresenta o HTLM puro, sem o CSS(bootstrap). Meu projeto estou fazendo ele no netbeans com a arquitetura spring MVC. Coloquei a anotation do MVC mais mesmo assim o problema persiste.

ESTE É O CODIGO DO dispatcher-servlet.xml:

<?xml version='1.0' encoding='UTF-8' ?>
<!-- was: <?xml version="1.0" encoding="UTF-8"?> -->
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:p="http://www.springframework.org/schema/p"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
       http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
       http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">

    <mvc:annotation-driven />
    <context:component-scan base-package = "br.com.iniciando" />
    
    <bean id="viewResolver"
          class="org.springframework.web.servlet.view.InternalResourceViewResolver"
          p:prefix="/WEB-INF/jsp/"
          p:suffix=".jsp" />

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

E ESTÁ É MINHA PAGINA JSP:

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="<c:url value="resources/css/bootstrap.css"/>" rel="stylesheet" type="text/css"/>
        <title>CADASTRO</title>
       
    </head>
    <body>
        <h1>CADASTRO</h1>
        
        <div>
            <form>
                <div class="form-group">
                    <form>
                        <div>
                            NOME
                            <input type="text" name="nome" id="nome" class="form-control">   
                        </div> 
                    </form>    
                </div>          
            </form>
        </div>
    </body>
</html>

Alguem tem alguma ideia de o porque não estar dando certo para importar o bootstrap.css da minha pasta resources/css ?

12 Respostas

L
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="<c:url value="resources/css/bootstrap.css"/>" rel="stylesheet" type="text/css"/>
        <title>CADASTRO</title>
       
    </head>
    <body>
        <h1>CADASTRO</h1>
        
        <div>
            <form>
                <div class="form-group">
                    <form>
                        <div>
                            NOME
                            <input type="text" name="nome" id="nome" class="form-control">
                            
                        </div>
                        
                        
                    </form>
                    
                    
                    
                </div>
                     
            </form>
        </div>
    </body>
</html>

ESTÁ É A PAGINA JSP CORRETA.

D

Posta a parte do link que referencia o css… Já tentou acessar o arquivo css pelo browser? É realmente o caminho que está referenciado na jsp?

L

me descule, acabou nao enviando,

<link href="<c:url value="resources/css/bootstrap.css"/>" rel="stylesheet" type="text/css"/>

este é o link que refencia o arquivo bootstrap que eu estou fazendo.

L

cara não sei pq mais não está indo
mais eu faço o link depois no href recebe c:url e depois value da onde encontrasse o arquivo css, o caminho está certo, refiz varias vezes para verificar se era este o problema.

D

Tem certeza que não falta nada nesse link?

`" rel="stylesheet" type="text/css"/>`
L

sim, está faltando, quando colo o codigo aqui ele não apresenta o link completo só traz isso

L

antes do rel, tem o href, que é a referencia da pasta onde está meu arquivo .css, no caso o bootstrap

D

Tira print do código e manda a imagem…

L

Está ai

D

Como eu disse, no html gerado, vai existir um link com um href já “processado”. Verifica se, acessando através da url apresentada no href processado você acessa o arquivo .css,

N

Você esqueceu uma barra antes de resources:

<link rel="stylesheet" href="<c:url value='/resources/css/bootstrap.css'/>">

Substitua o <mvc:resources mapping="/resources/**" location="/resources/"/> por
<mvc:default-servlet-handler />

L

Uma dica é usar o console do navegador (F12) lá aba redes ou network se o navegador estiver em inglês, depois veja se a o arquivo que está solicitando está com o status 200 (ok) ou se está com o status 404 (not found) , depois é só sucesso.

Criado 7 de outubro de 2016
Ultima resposta 8 de out. de 2016
Respostas 12
Participantes 4