1.写bootstrap的框架需要引入类库
并且引入jquery类库要在引入bootstrap类库之前
因为bootstrap要依赖于jquery
.aa{
background-color:#0075FF;/* 背景颜色 */
color:white;/* 字体颜色 */
border:0px;
width: 50px;
height: 30px;
border-radius: 5px;/* 设置边框圆角 */
}
这是效果
2.写一个首页导航&搜索区域原生态实现(div+css)
.dh{
height: 50px;
background-color: #F5F8F6;
line-height: 50px;/* 垂直居中 */
}
.bt{
float: left;
margin-left: 50px;
font-size: 20px;
}
.an{
float: right;
margin-right: 50px;
}
.an a{
margin-left: 10px;
}
.ss{
height: 100px;
background-color:#DBDBDA ;
text-align: center;
line-height: 100px;
margin: 30px 50px 0px 50px;
}
.ss input{
border: 0px;
}
.ss button{
background-color:#0075FF;/* 背景颜色 */
color:white;/* 字体颜色 */
border:0px;
width: 50px;
height: 30px;
border-radius: 5px;/* 设置边框圆角 */
}
3.首页&搜索区域Bootstrap实现&搭首页框架
要在bootstrap网站找到一些需要用到的代码
这是网址 Reboot · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网
.navbar-collapse{
flex-grow: 0;
}
.form-group{
width: 300px;
margin-left: auto;/* auto自适 */
margin-right: auto;
margin-top: 31px;
}
.ss{
height: 100px;
margin-top: 30px;
background-color: #DBDBDA;
}
左3位书籍分类
轮播图
1.新书上架
2.新书上架
3.新书上架
4.新书上架
5.新书上架
1.热门书籍
2.热门书籍
3.热门书籍
4.热门书籍
5.热门书籍
再给思路
推荐文章
大家都在找:
前端框架:前端框架排行
bootstrap:bootstrap框架制作网页
jquery:上海jquery代码机器人价格
发表评论