Bootstrap(书籍查询&购物车&订单)

顾轻舟。

已于 2022-05-13 09:38:44 修改

阅读量699

点赞数

分类专栏： bookstrap 文章标签： bootstrap javascript css

于 2022-05-13 09:38:10 首次发布

本文链接：https://blog.csdn.net/qq_64001795/article/details/124745149

版权

本文通过Bootstrap技术，介绍了如何利用媒体对象创建书籍查询页面，详细讲解了购物车功能的实现，并展示了如何运用模态框来完成订单结算流程。

摘要由CSDN通过智能技术生成

媒体对象实现书籍查询页面

购物车

模态框实现订单

媒体对象实现书籍查询页面

<div class="col-md-9 aa">
					<!-- 媒体对象实现书籍搜索 -->
					<!-- list-unstyled 去除列表对象 -->
					<ul class="list-unstyled">
						<li class="media" style="border-bottom: 1px solid #000000;">
							<img class="align-self-center mr-3" src="img/书籍图片/3.png" alt="Generic placeholder image">
							<div class="media-body">
								<h5 class="mt-0 mb-1">狂人日记</h5>
								<p>作者：啊嘞</p>
								<p>价格：115.30元</p>
								<p>出版社：清华出版社</p>
								<p>评价：非常非常好看！！！建议购买！</p>
								<p>
									<button type="button" style="width: 120px;" class="btn btn-success">加入购物车</button>
									<button type="button" style="width: 120px;" class="btn btn-danger">结算</button>
								</p>
							</div>
						</li>
						<li class="media" style="border-bottom: 1px solid #000000;">
							<img class="align-self-center mr-3" src="img/书籍图片/6.png" alt="Generic placeholder image">
							<div class="media-body">
								<h5 class="mt-0 mb-1">Java从入门到精通</h5>
								<p>作者：啊嘞</p>
								<p>价格：29.90元</p>
								<p>出版