Bootstrap(折叠+列表组&轮播图实现&图文区)

目录

书籍列表+折叠效果

轮播图演示

 图文区

---

书籍列表+折叠效果

<div class="col-md-3 aa" style="background-color: #8FD19E; ">
					<div id="accordion">
						<div class="card">
							<div class="card-header" id="headingOne">
								<h5 class="mb-0">
									<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
										aria-expanded="true" aria-controls="collapseOne">
										书籍列表
									</button>
								</h5>
							</div>
							<div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
								data-parent="#accordion">
								<ul class="list-group">
									<li class="list-group-item">文艺</li>
									<li class="list-group-item">小说</li>
									<li class="list-group-item">青春</li>
									<li class="list-group-item">童书</li>
									<li class="list-group-item">励志</li>
									<li class="list-group-item">生活</li>
									<li class="list-group-item">人文社科</li>
									<li class="list-group-item">经营</li>
									<li class="list-group-item">科技</li>
									<li class="list-group-item">教育</li>
									<li class="list-group-item">工具书</li>
									<li class="list-group-item">期刊</li>
								</ul>
							</div>
						</div>
					</div>
				</div>