文章图片
目录
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;
}
书籍分类悬疑
文学
武侠
青春
儿童绘本
教育
科幻
青春
儿童绘本
教育
科幻
文章图片
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.
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
文章图片
冷间谍
效果截图
文章图片
推荐阅读
- eclipse|Ajax（只刷新局部页面的技术）
- Bootstrap框架|Bootstrap01
- 蓝桥杯Java真题|19年蓝桥杯Java B组省赛第三题（数列求值）
- JavaSE|JavaSE基本语法（下），你确定都懂了吗（）
- JavaSE|JavaSE基本语法（上），你确定都懂了吗（）
- Java|合格的Java工程师要掌握哪些知识点
- 杂谈|eclipse使用小技巧
- 框架|用eclipse开发工具,maven进行包管理,整合SSH框架
- android|android eclipse debug coredump,Android P 开启抓取Coredump功能