Bootstarp03

组件：

一、轮播图

二、列表组 list-group bg-primary/success/danger

三、画像 figure

四、表单 form

轮廓图&新书上架&热门书籍

购物车

 

模态框的HTML 作为·body标签的直接子元素

<div class="modal fade" id="exampleModal" tabindex="-1">
            <div class="modal-dialog model-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModal">订单信息</h5>
                        <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        1、。。。。
                        2、。。。。
                        订单总价：xx元
                        
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal"></button>
                        <button type="button" class="btn btn-primary"></button>
                    </div>
                </div>
            </div>
        </div>

 

购物车图标