在eclipse下使用bootstrap引用的一些问题

来源：互联网发布：出租房网络要怎么设置编辑：程序博客网时间：2024/05/21 10:30

我之前利用了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>的写法是错误的

0 0