在eclipse下使用bootstrap引用的一些問題

2014年12月24日16:59:50 天氣晴 

我之前利用了bootstrap做了一段時間的開發,由於之前的框架都是別人給我搭好的,我只負責界面的具體實現。後來自己去網站下載了相應的文件,而後把相關的css及js導入後,發現最簡單的按鈕都起不了效果,但是慢慢的對比了一下之前的項目,發現有些小東西值得去記住的。


myFirstBootstrapDemo.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>第一個Bootstrap實例</title>
<link type="text/css" href="${pageContext.request.contextPath}/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

<script type="text/javascript" src="${pageContext.request.contextPath}/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body>
	<button type="button" class="btn btn-danger">Danger</button>
</body>
</html>
需要注意的地方是:

${pageContext.request.contextPath}表示的是“/項目名“即/JobProjectWeb

②應該最容易錯的地方就是導入css文件,rel是必須的屬性,rel是自動生成的,而stylesheet卻不是自動生成的,所以stylesheet自己要簡單的記一下。

參考文章,在html中,<link>沒有結束標籤,即<link />和<link></link>的寫法是錯誤的

發佈了32 篇原創文章 · 獲贊 8 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章