Bootstrap框架|Bootstrap02 Bootstrap框架|eclipse

文章图片

目录
1.首页轮播图
【Bootstrap框架|Bootstrap02】2.首页书籍的实现
3.首页新书上架&热门书籍实现
4.首页整合
1.首页轮播图

下面请欣赏代码

文章图片 First slide labelSome representative placeholder content for the first slide. 文章图片 Second slide labelSome representative placeholder content for the second slide. 文章图片 Third slide labelSome representative placeholder content for the third slide. 文章图片 Second slide labelSome representative placeholder content for the second slide.

2.首页书籍的实现

书籍分类悬疑文学武侠青春儿童绘本教育科幻青春儿童绘本教育科幻

3.首页新书上架&热门书籍实现

文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍

4.首页整合

.navbar-collapse{ .navbar-collapse { flex-grow: 0; /*1代表弹性扩大占用父容器剩余空间设置为0表示不占用在固定容器中*/ }.ss { background-color: #DBDBDA; height: 100px; margin-top: 20px; }.form-group { width: 300px; margin-top: 31px; margin-left: auto; margin-right: auto; } .figure{ text-align: center; } /*书籍分类，上间距*/ .list-group{ margin-top: 20px; } /*轮播图上间距*/ #carouselExampleCaptions{ margin-top: 30px; } 您好，欢迎来到小虎的家首页 (current) 登录注册我的购物车书籍分类悬疑文学武侠青春儿童绘本教育科幻青春儿童绘本教育科幻文章图片 First slide labelSome representative placeholder content for the first slide. 文章图片 Second slide labelSome representative placeholder content for the second slide. 文章图片 Third slide labelSome representative placeholder content for the third slide. 文章图片 Second slide labelSome representative placeholder content for the second slide. 文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍文章图片冷间谍