Bootstrap样式在JSP中显示不正常

Bootstrap样式在JSP中显示不正常

爱的那么颓废 发布于 2021-12-01 字数 2313 浏览 817 回复 6

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的效果呢? 网页小白先谢谢大家了~

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

女中豪杰 2021-12-01 6 楼

引用来自“Fatboy123”的评论

那应该缓存问题吧,如果重启就可以了的话

风柔一江水 2021-12-01 5 楼

那应该缓存问题吧,如果重启就可以了的话

落墨 2021-12-01 4 楼

引用来自“loyal”的评论

弹出框中的内容不应该有css和js.放到父窗口里.

悟红尘 2021-12-01 3 楼

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

css加载失败吧,地址不对?

初见你 2021-12-01 2 楼

弹出框中的内容不应该有css和js.放到父窗口里.

只为守护你 2021-12-01 1 楼

css加载失败吧,地址不对?