03dsd

              <!-- 输入框组合 -->
                            <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  鼓动监听 路径导航 首页/灯具/欧式灯具