Bootstrap样式在JSP中显示不正常
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扫描下方二维码加群参与讨论,获取更多帮助。

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