Detailed explanation of how to use bootstrap in eclipse? (with code)

This article will introduce to you how to use bootstrap in eclipse. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Using bootstrap in eclipse

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

2. Create a new .jsp file, such as index.jsp, now f50f382e1925842f05306ee20ddfc1ac tag, pay attention 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>

Related recommendations: "bootstrap tutorial"

3. Then you can use boostrap, just give Just add "class" to the tag. You can go here to choose the style you want

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





<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
			
		
 
	
	成功按钮

4. Running results

For more programming-related knowledge, please visit: Introduction to Programming! !

The above is the detailed content of Detailed explanation of how to use bootstrap in eclipse? (with code). For more information, please follow other related articles on the PHP Chinese website!