Can't include bootstrap from resources
I am trying to include bootstrap files from resources in jsp, but for some reason it doesn't work(styles aren't applied to HTML elements). Header of my view looks like this:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- authentication.jsp -->
<!-- this works
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"> -->
<!--this doesn't work-->
<link href="<c:url value="/webapp/resources/styles/bootstrap.min.css"/>" rel="stylesheet" media="screen"/>
<title>Title</title>
</head>
<body>
<!--................-->
</body>
</html>
this is my folder structure:
And this is my AppConfig class:
@Configuration
@EnableWebMvc
@ComponentScan(basePackages = {"com.gtu.gtesting"})
public class AppConfig extends WebMvcConfigurationSupport {
@Bean
public InternalResourceViewResolver viewResolver(){
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setViewClass(JstlView.class);
viewResolver.setPrefix("/WEB-INF/views/");
viewResolver.setSuffix(".jsp");
return viewResolver;
}
@Override
protected void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**")
.addResourceLocations("/resources/");
}
}
java spring-mvc
add a comment |
I am trying to include bootstrap files from resources in jsp, but for some reason it doesn't work(styles aren't applied to HTML elements). Header of my view looks like this:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- authentication.jsp -->
<!-- this works
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"> -->
<!--this doesn't work-->
<link href="<c:url value="/webapp/resources/styles/bootstrap.min.css"/>" rel="stylesheet" media="screen"/>
<title>Title</title>
</head>
<body>
<!--................-->
</body>
</html>
this is my folder structure:
And this is my AppConfig class:
@Configuration
@EnableWebMvc
@ComponentScan(basePackages = {"com.gtu.gtesting"})
public class AppConfig extends WebMvcConfigurationSupport {
@Bean
public InternalResourceViewResolver viewResolver(){
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setViewClass(JstlView.class);
viewResolver.setPrefix("/WEB-INF/views/");
viewResolver.setSuffix(".jsp");
return viewResolver;
}
@Override
protected void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**")
.addResourceLocations("/resources/");
}
}
java spring-mvc
add a comment |
I am trying to include bootstrap files from resources in jsp, but for some reason it doesn't work(styles aren't applied to HTML elements). Header of my view looks like this:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- authentication.jsp -->
<!-- this works
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"> -->
<!--this doesn't work-->
<link href="<c:url value="/webapp/resources/styles/bootstrap.min.css"/>" rel="stylesheet" media="screen"/>
<title>Title</title>
</head>
<body>
<!--................-->
</body>
</html>
this is my folder structure:
And this is my AppConfig class:
@Configuration
@EnableWebMvc
@ComponentScan(basePackages = {"com.gtu.gtesting"})
public class AppConfig extends WebMvcConfigurationSupport {
@Bean
public InternalResourceViewResolver viewResolver(){
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setViewClass(JstlView.class);
viewResolver.setPrefix("/WEB-INF/views/");
viewResolver.setSuffix(".jsp");
return viewResolver;
}
@Override
protected void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**")
.addResourceLocations("/resources/");
}
}
java spring-mvc
I am trying to include bootstrap files from resources in jsp, but for some reason it doesn't work(styles aren't applied to HTML elements). Header of my view looks like this:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<!-- authentication.jsp -->
<!-- this works
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"> -->
<!--this doesn't work-->
<link href="<c:url value="/webapp/resources/styles/bootstrap.min.css"/>" rel="stylesheet" media="screen"/>
<title>Title</title>
</head>
<body>
<!--................-->
</body>
</html>
this is my folder structure:
And this is my AppConfig class:
@Configuration
@EnableWebMvc
@ComponentScan(basePackages = {"com.gtu.gtesting"})
public class AppConfig extends WebMvcConfigurationSupport {
@Bean
public InternalResourceViewResolver viewResolver(){
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setViewClass(JstlView.class);
viewResolver.setPrefix("/WEB-INF/views/");
viewResolver.setSuffix(".jsp");
return viewResolver;
}
@Override
protected void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**")
.addResourceLocations("/resources/");
}
}
java spring-mvc
java spring-mvc
asked Nov 14 '18 at 10:06
A.MA.M
1068
1068
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You already declare resourceHandler
for it. So just do like below in .jsp
<link href="resources/styles/bootstrap.min.css" rel="stylesheet"/>
This should work.If it doesn't work for you, try this
<link href="<c:url value='resources/styles/bootstrap.min.css' />" rel="stylesheet" />
Or all full path
<link href="${pageContext.request.contextPath}/resources/styles/bootstrap.min.css" rel="stylesheet" />
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53297595%2fcant-include-bootstrap-from-resources%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You already declare resourceHandler
for it. So just do like below in .jsp
<link href="resources/styles/bootstrap.min.css" rel="stylesheet"/>
This should work.If it doesn't work for you, try this
<link href="<c:url value='resources/styles/bootstrap.min.css' />" rel="stylesheet" />
Or all full path
<link href="${pageContext.request.contextPath}/resources/styles/bootstrap.min.css" rel="stylesheet" />
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
add a comment |
You already declare resourceHandler
for it. So just do like below in .jsp
<link href="resources/styles/bootstrap.min.css" rel="stylesheet"/>
This should work.If it doesn't work for you, try this
<link href="<c:url value='resources/styles/bootstrap.min.css' />" rel="stylesheet" />
Or all full path
<link href="${pageContext.request.contextPath}/resources/styles/bootstrap.min.css" rel="stylesheet" />
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
add a comment |
You already declare resourceHandler
for it. So just do like below in .jsp
<link href="resources/styles/bootstrap.min.css" rel="stylesheet"/>
This should work.If it doesn't work for you, try this
<link href="<c:url value='resources/styles/bootstrap.min.css' />" rel="stylesheet" />
Or all full path
<link href="${pageContext.request.contextPath}/resources/styles/bootstrap.min.css" rel="stylesheet" />
You already declare resourceHandler
for it. So just do like below in .jsp
<link href="resources/styles/bootstrap.min.css" rel="stylesheet"/>
This should work.If it doesn't work for you, try this
<link href="<c:url value='resources/styles/bootstrap.min.css' />" rel="stylesheet" />
Or all full path
<link href="${pageContext.request.contextPath}/resources/styles/bootstrap.min.css" rel="stylesheet" />
edited Nov 15 '18 at 2:13
answered Nov 14 '18 at 11:01
nguyentaijsnguyentaijs
908
908
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
add a comment |
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
I have tried this and doesn't work too
– A.M
Nov 14 '18 at 12:02
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
Edited the answer. You can try those to make it work for you.
– nguyentaijs
Nov 15 '18 at 2:01
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
I have tried them too and they don't work. this is link of my project on github: project
– A.M
Nov 15 '18 at 20:58
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53297595%2fcant-include-bootstrap-from-resources%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown