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

青灯夜游
發布: 2021-02-07 18:24:03
轉載
3121 人瀏覽過

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

相關推薦:《bootstrap教學

#1.先在WebContent中匯入以下三個檔案(自行前往官網下載:bootstrapjQuery

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

<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
登入後複製

4.運行結果

#更多程式相關知識,請造訪:程式設計教學! !

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

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!