Bootstrap样式在JSP中显示不正常

Envy_LZC 发布于 2015/05/23 12:44

阅读 11K+

1. 用的样式是bootstrap;
2. html文件是从jsp编译出来的源码copy出来的;
3. 效果差异：
       a. 模态框位置
       b. input-group的效果，没有连接成一个整体的输入框
       c. 模态框在JSP中也不会动态响应页面的大小变化了，在html中则可以

jsp的效果（chrome）：

html的效果：

而且jsp在IE 11中打开完全没有样式。。。（估计是没有找到样式文件吧，但是在chrome中显示都比较正常）

jsp在ie中的效果：

部分JSP代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<!-- script -->
<%String path = request.getContextPath();%>  
<script src="<%=path %>/js/jquery.min.js"></script>
<script src="<%=path %>/js/bootstrap.js"></script>
 
<!-- Bootstrap core CSS-->
<link rel="stylesheet" type="stylesheet" href="<%=path %>/css/bootstrap.min.css">
<body data-spy="scroll" data-target="#myScrollspy">
    <!-- Navbar-->
    <%@include file="../common/navbar.jsp"%>
    <!-- End Navbar-->
    <!-- Banner-->
    <%@include file="../common/banner.jsp"%>
    <!-- End Banner-->
    <!-- content -->
    <div class="container">

应该怎么使页面达到HTML的效果呢？网页小白先谢谢大家了~