dreamweaver里显示正常用myeclipse打开排版就乱了
直接打开html文件，dreamweaver运行浏览器一片空白。。。。myeclipse里用tomcat运行
楼主小白，大神轻喷{:17_1089:}
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>top</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css"type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Custom Fonts -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"type="text/css">
<link rel="stylesheet" href="fonts/font-slider.css" type="text/css">
<!-- jQuery and Modernizr-->
<script src="js/jquery-2.1.1.js"></script>
<!-- Core JavaScript Files -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!--Top-->
<nav id="top">
<div class="container">
<ul class="top-link">
<li><a href="account.html"><span class="glyphicon glyphicon-user"></span> 我的账户</a></li>
</ul>
</div>
</nav>
<!--Header-->
<header class="container">
<div class="row">
<div class="col-md-4">
<div id="logo"><img src="images/logo.png" /></div>
</div>
<div class="col-md-4">
<form class="form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn"><span class="glyphicon glyphicon-search"></span></button>
</form>
</div>
<div class="col-md-4">
<div id="cart"><a class="btn btn-1" href="cart.html"><span class="glyphicon glyphicon-shopping-cart"></span>购物车 : 0 项</a></div>
</div>
</div>
</header>
<!--Navigation-->
<nav id="menu" class="navbar">
<div class="container">
<div class="navbar-header"><span id="heading" class="visible-xs">Categories</span>
<button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">手机</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">华为</a></li>
<li><a href="category.html">小米</a></li>
<li><a href="category.html">三星</a></li>
<li><a href="category.html">苹果</a></li>
<li><a href="category.html">联想</a></li>
<li><a href="category.html">中兴</a></li>
<li><a href="category.html">oppo</a></li>
<li><a href="category.html">vivo</a></li>
</ul>
</div>
</div>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">笔记本</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">戴尔</a></li>
<li><a href="category.html">华硕</a></li>
<li><a href="category.html">三星</a></li>
<li><a href="category.html">联想</a></li>
<li><a href="category.html">神舟</a></li>
<li><a href="category.html">苹果</a></li>
<li><a href="category.html">Acer</a></li>
</ul>
</div>
</div>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">相机</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">佳能</a></li>
<li><a href="category.html">尼康</a></li>
<li><a href="category.html">索尼</a></li>
<li><a href="category.html">卡西欧</a></li>
</ul>
</div>
</div>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">游戏主机</a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<ul class="list-unstyled">
<li><a href="category.html">微软</a></li>
<li><a href="category.html">索尼</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!--//////////////////////////////////////////////////-->
<!--///////////////////HomePage///////////////////////-->
<!--//////////////////////////////////////////////////-->
<div id="page-content" class="home-page">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators hidden-xs">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/main-banner1-1903x600.jpg" alt="First slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
</div>
</div><!-- /header-text -->
</div>
<div class="item">
<img src="images/main-banner2-1903x600.jpg" alt="Second slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
</div>
</div><!-- /header-text -->
</div>
<div class="item">
<img src="images/main-banner3-1903x600.jpg" alt="Third slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
</div>
</div><!-- /header-text -->
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div><!-- /carousel -->
</div>
</div>
<div class="row">
<div class="banner">
<div class="col-sm-4">
<img src="images/sub-banner1.png" />
</div>
<div class="col-sm-4">
<img src="images/sub-banner2.png" />
</div>
<div class="col-sm-4">
<img src="images/sub-banner3.png" />
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="heading"><h2>SPECIAL PRODUCTS</h2></div>
<div class="products">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/iphone.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-s4.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-note.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/Z1.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="banner">
<div class="col-sm-6">
<img src="images/sub-banner4.jpg" />
</div>
<div class="col-sm-6">
<img src="images/sub-banner5.png" />
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="heading"><h2>FEATURED PRODUCTS</h2></div>
<div class="products">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/iphone.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-s4.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/galaxy-note.jpg" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="product">
<div class="image"><a href="product.html"><img src="images/Z1.png" /></a></div>
<div class="buttons">
<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart"></span></a>
<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart"></span></a>
<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer"></span></a>
</div>
<div class="caption">
<div class="name"><h3><a href="product.html">Aliquam erat volutpat</a></h3></div>
<div class="price">$122<span>$98</span></div>
<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
SGC沉默 发表于 2017-3-1 12:29
大哥别闹 你能专业点不，用谷歌浏览器截图console的
{:17_1089:}用什么打开按f12啊，myeclipse使用tomcat运行的，按f12跳出来的是开发人员工具 搜东西，突然看到这个贴了。重新看了下，发现了。。一个用的是IE内核一个用的是谷歌。浏览器切换兼容了。你做的前端IE下不兼容。
第一张图是myeclipse运行的，第二张是直接打开html文件的，dreamweaver运行一片空白不知道为什么 服务是jett还是tomcat css没加载吧 SGC沉默 发表于 2017-2-27 21:26
服务是jett还是tomcat
tomcat啊 353086969 发表于 2017-2-27 21:34
css没加载吧
我放css目录里了，为什么不加载啊 项目projectFile截图 另外浏览器按F12控制台也截图 好好检查一下目录下css拷贝正确没。目测没引用。css没生效。
页:
[1]
2