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

最新推荐文章于 2023-02-02 13:23:15 发布

我曜拔萝卜

最新推荐文章于 2023-02-02 13:23:15 发布

阅读量256

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_54877075/article/details/123975627

版权

本文介绍了BootStrap中的几个关键组件：媒体对象用于展示图书，模态框实现点击结算时的弹窗效果，表单则展示了如何创建登录界面，同时详细讲解了字体图标的下载、导入和使用步骤，最后讨论了分页功能如何提升用户体验并节省空间。

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

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>

最低0.47元/天解锁文章