Community Learn Tools Library Leisure
search
English
Home > Web Front-end > Bootstrap Tutorial > Let's talk about how to import bootstrap into jsp pages

Let's talk about how to import bootstrap into jsp pages

青灯夜游
Release： 2021-02-07 18:24:03
forward
3193 people have browsed it

Let's talk about how to import bootstrap into jsp pages

Related recommendations: "bootstrap Tutorial"

1. First import the following three files into WebContent (go to the official website to download by yourself: bootstrap##,jQuery）

2. Create a new .jsp file, such as index.jsp , now import the following files into the tag, be careful not to reverse the order 

<script src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"  rel="stylesheet">
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
Copy after login

3. Then you can use boostrap, just add "class" to the tag. You can go

here Choose the style you want

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here
<script src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"  rel="stylesheet">
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>




    


					
				
id
				username
				password
		

		
			

				1
				李疆
				111
			

			

				2
				李二
				222
			

			

				3
				张三
				333
Copy after login

4. Run the results

For more programming-related knowledge, please visit:

Programming Teaching! !

The above is the detailed content of Let's talk about how to import bootstrap into jsp pages. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
bootstrap
source：csdn.net
Previous article：A brief discussion on the close class in Bootstrap--the close button Next article：A deep dive into the grid system in Bootstrap
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
The page suddenly cannot pull css or bootstrap So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...
From 2024-04-06 21:58:04
0
1
800
How to solve the mysterious white space at the bottom of the page in CSS I'm trying to build a simple webpage using Bootstrap and D3, but I don't know how to get r...
From 2024-04-06 20:22:15
0
1
454
Customize the appearance of Bootstrap accordion headers using the CollapseDisplay class I want to style the card title of a panel with class collapseshow. In this example, it's t...
From 2024-04-06 12:53:11
0
1
376
Bootstrap switch not working properly when web page is resized This is the code: <navxmlns:sec="http://www.thymeleaf.org/extras/spring-security&q...
From 2024-04-05 08:45:39
0
1
3443
Display AWS PDF files in Bootstrap mode in Laravel I have downloaded aws url like https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/65...
From 2024-04-04 22:16:18
0
1
1450
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template