媒体对象&模态框&表单&字体图标&分页

1.媒体对象（Media object）

实现效果：展示图书

​<div class="col-9">
					<div class="row"><!-- 一行，一本书一行 -->
						<div class="col"><!-- 一列，一行只有一列 -->
							<div class="media">
								  <img src="img/imgs/1.png" class="mr-3" alt="..."><!-- 图片地址 -->
								  <div class="media-body">
								    <p class="mt-0">冷间谍</p>
								    <p>作者：苏墨</p>
									<p>价格：318</p>
									<p>出版社：zking出版</p>
									<p>简介：超级畅销书作家寒川子创作历时三年全新力作！讲述财富与权力“离不开，靠不住”的明暗法则</p>
									<button class="btn btn-danger">加入购物车</button>
									<button class="btn btn-danger">去结算</button>
								  </div>
							</div>
						</div>
					</div>
				</div>

​

展现效果