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.

88 lines
2.5 KiB

<!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>