首頁 > 文章 > web前端 > 聊聊jsp頁面中導入bootstrap的方法

聊聊jsp頁面中導入bootstrap的方法

青灯夜游轉載: 2021-02-07 18:24:033098瀏覽

#1.先在WebContent中匯入以下三個檔案（自行前往官網下載：bootstrap# ，jQuery）

#2.新.jsp文件，例如index.jsp ，現在93f0f5c25f18dab9d176bd4f6de5d30e標籤裡導入下面這些文件，注意順序不能顛倒

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

3.然後就可以使用boostrap了，直接給標籤添加“class”即可。可以去這裡 #選擇自己想要的風格

<%@ 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

id	username	password
1	李疆	111
2	李二	222
3	张三	333

4.運行結果

#更多程式相關知識，請造訪：程式設計教學！！

以上是聊聊jsp頁面中導入bootstrap的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery bootstrap class

陳述：

本文轉載於：csdn.net。如有侵權，請聯絡admin@php.cn刪除

上一篇：淺談Bootstrap中的close類別--關閉按鈕下一篇：淺談Bootstrap中的close類別--關閉按鈕

看更多