eclipes 配置bootstrap

1.下載下來以后解壓,拖進(jìn)eclipes的項目目錄中,放在WebContent下,如下圖

2.在jsp頁面中引入

a.新建jsp文檔,將文檔開頭<!DOCTYPE html Public...>一長串改為<!DOCTYPE html>

b.在 jsp文檔中head加入代碼

<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">

<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

c.在jsp文檔的body中加入代碼

<script src="bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>

<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

(注:本文以直接把jquery放在了bootstrap/js中,放在其他位置也可以,修改路徑就行。)

完成!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 本篇將完成前端頁面的設(shè)計與開發(fā),包括: 使用Bootstrap開發(fā)頁面結(jié)構(gòu) 交互邏輯編程 一、使用Boots...
    MOVE1925閱讀 2,828評論 0 4
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進(jìn)階之旅閱讀 115,559評論 24 450
  • Bootstrap是什么? 一套易用、優(yōu)雅、靈活、可擴(kuò)展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 11,133評論 3 184
  • 水泊梁山一共108條好漢,這些人當(dāng)中的出生于朝廷公務(wù)員,當(dāng)然是識字的,典型代表宋公明宋押司,一直負(fù)責(zé)官文的撰寫,應(yīng)...
    2ce89d4b6d65閱讀 1,474評論 0 16
  • 1、盤面一覽 周五滬深兩市全天來回震蕩休整,盤面漲跌互現(xiàn),滬指在部分權(quán)重(鋼鐵、航空、醫(yī)藥等)的護(hù)盤下依舊圍...
    阿凱古閱讀 419評論 0 1

友情鏈接更多精彩內(nèi)容