<!-- 输入框组合 -->
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="请输入书籍名" />
<div class="input-group-append">
<button class="btn btn-primary" type="button" id="button-addon2">查询</button>
</div>
</div>
<div class="col-9">
<!--右9为 搜素书籍列表-->
<div class="media">
<img src="img/1.png"class="mr-3"alt="...">
<div class="media-body">
<h5 class="mt-0">冷jd</h5>
<p>书籍价格:9.9元</p>
<p>书籍作者:黄涛</p>
<p>书籍价格:大院中出版社</p>
<p>书籍jj:宽度和方式</p>
<p>
<button class="btn btn-danger"> 加入购物车</button>
<button class="btn btn-danger"> 我要结算</button>
</p>
</div>
</div>
bootstrap官方图标库
使用font-size和color样式属性可以更改图标的外观
<link rel="stylesheet"type="text/css"href=css/bootstrap.css>
bootstrap03
s搜素书籍界面:组件媒体对象 mcdia-object
购物车界面:组件表格 table table-hover
订单界面:组件 modal data-toggle-"modal"data-
target="#aa"
图标的所有:
下载 解压 font 页面中引入icon css style="font-size color"
其他组件:zhengdiang 鼓动监听 路径导航 首页/灯具/欧式灯具