Bootstrap样式在JSP中显示不正常

Envy_LZC 发布于 2015/05/23 12:44
阅读 8K+
收藏 0
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的效果呢? 网页小白先谢谢大家了~
加载中
0
純白陰影
純白陰影
css加载失败吧,地址不对?
0
loyal
loyal
弹出框中的内容不应该有css和js.放到父窗口里.
0
Envy_LZC
Envy_LZC

引用来自“純白陰影”的评论

css加载失败吧,地址不对?
地址没有问题的,在chrome里面运行就好好的。
0
Envy_LZC
Envy_LZC

引用来自“loyal”的评论

弹出框中的内容不应该有css和js.放到父窗口里.
嗯,我只在主页面中添加了css和js文件。现在重启电脑又恢复正常了,简直醉了。
0
Fatboy123
Fatboy123
那应该缓存问题吧,如果重启就可以了的话
0
Envy_LZC
Envy_LZC

引用来自“Fatboy123”的评论

那应该缓存问题吧,如果重启就可以了的话
嗯嗯 确实是这样的  回去后重启了就正常了
返回顶部
顶部