首頁 > web前端 > Bootstrap教程 > 詳解eclipse中如何使用bootstrap? (附代碼)

詳解eclipse中如何使用bootstrap? (附代碼)

青灯夜游
發布: 2021-03-26 11:07:35
轉載
4004 人瀏覽過

本篇文章跟大家介紹一下eclipse中使用bootstrap的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

詳解eclipse中如何使用bootstrap? (附代碼)

eclipse中使用bootstrap

1、先在WebContent中匯入以下三個檔案(自行去官網下載:bootstrapjQuery

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

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

相關推薦:《bootstrap教程

#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、運行結果

更多程式相關知識,請造訪: 程式設計入門! !

以上是詳解eclipse中如何使用bootstrap? (附代碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板