You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
|
|
|
|
|
|
<title>商品介绍</title>
|
|
|
|
|
|
<!-- Bootstrap -->
|
|
|
|
|
|
<link href="/.idea/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
|
<link href="../css/p-i.css" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
|
|
|
|
|
|
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="top-nav">
|
|
|
|
|
|
<div class="container clear-float">
|
|
|
|
|
|
<div class="fl">
|
|
|
|
|
|
<a class="item" href="#">首页</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="fr">
|
|
|
|
|
|
<a class="item" href="#">购物车</a>
|
|
|
|
|
|
<a class="item" href="#">我的订单</a>
|
|
|
|
|
|
<a class="item" href="#">收藏夹</a>
|
|
|
|
|
|
<a class="item" href="#">登录</a>
|
|
|
|
|
|
<a class="item" href="#">注册</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="col-5 logo">
|
|
|
|
|
|
<div>闲书网</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-5 search-bar">
|
|
|
|
|
|
<input type="text" placeholder="请输入商品名">
|
|
|
|
|
|
<button>搜索</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="product">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-4 product-img" >
|
|
|
|
|
|
<!-- <img src="../img/product_01.png">-->
|
|
|
|
|
|
asddas
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-8">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<span>
|
|
|
|
|
|
红蜻蜓休闲皮鞋2020春季新款真皮软底一脚蹬男鞋爸爸鞋黑色中老年
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-6">
|
|
|
|
|
|
<table class="table">
|
|
|
|
|
|
<caption>基本的表格布局</caption>
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>名称</th>
|
|
|
|
|
|
<th>城市</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>Tanmay</td>
|
|
|
|
|
|
<td>Bangalore</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>Sachin</td>
|
|
|
|
|
|
<td>Mumbai</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
