用bootstrap框架做的一个博客首页
@TOC
分为head body foot三个部分，其中head分上下两块，body分左右两块，foot分上下两块。
index.html
arts
为 WEB 艺术家创造的 PHP 框架。
Laravel 5.6 版本正式发布
作者： 2019年3月8日
Laravel 5.6 是继5.5之后Laravel官方发布的最新版本，此版本包含众多新特性，接下来我们说一说几个重要特性，如需查看发布的需求日志，请点击这里。
Laravel 5.6 版本正式发布
作者： 2019年3月8日
Laravel 5.6 是继5.5之后Laravel官方发布的最新版本，此版本包含众多新特性，接下来我们说一说几个重要特性，如需查看发布的需求日志，请点击这里。
Laravel 5.6 版本正式发布
作者： 2019年3月8日
Laravel 5.6 是继5.5之后Laravel官方发布的最新版本，此版本包含众多新特性，接下来我们说一说几个重要特性，如需查看发布的需求日志，请点击这里。
下载
文档
最新文章
Laravel5.6版本正式发布
2018年02月08日
Laravel5.6版本正式发布
2018年02月08日
Laravel5.6版本正式发布
2018年02月08日
标签云
友链
广播电视节目制作经营许可证：（沪）字第1248号 | 网络文化经营许可证：沪网文 [2016]2296-134号 | 信息网络传播视听节目许可证
main.css
body{
background-color: rgb(230,230,230);
}
.bg-red{
background-color: rgb(238,90,98);
}
.font-color{
color: #ffffff;
}
.red-button{
background-color: rgb(238,90,98);
border: 1px solid rgb(233, 30,39);
}
#head-title{
margin: 60px auto;
}
#head-button-div{
margin-bottom: 50px;
}
.navbar .container ul{
list-style-type: none;
height: 40px;
margin: 0px auto;
}
.navbar .container ul li{
float: left;
margin-left: 20px;
margin-right: 20px;
}
.navbar .container ul li a{
color: rgb(43,43,43);
background-color: #ffffff;
height: 40px;
display: block;
line-height: 40px;
}
.navbar .container ul li a:hover{
display: block;
color:rgb(238,90,90);
text-decoration: none;
}
#nav-row{
background-color: #ffffff;
}
/* **********content-block********** */
#wapper{
margin-top: 20px;
}
.content-block{
background-color: #ffffff;
margin-bottom: 20px;
padding: 10px 0;
}
.content-block .second-div{
color: rgb(131, 131, 131);
font-size: 14px;
}
.content-block .author-name{
color: rgb(238,90,90);
}
.content-block .img-div{
margin:10px auto;
width: 680px;
}
.content-block img{
width: 680px;
height: auto;
}
.content-block p{
font-size: 18px;
width: 670px;
margin:10px auto;
}
.content-block button{
margin: 0 0 10px 10px;
}
.light{
color: rgb(238,90,90);
}
.content-right{
background-color: #ffffff;
padding: 10px 10px;
margin-bottom: 20px;
}
#social p{
font-size: 14px;
height: 38px;
line-height: 38px;
margin: 0px;
text-align: left;
}
.content-right p{
text-align: center;
}
/**************foot***********************/
#foot-div{
background-color: rgb(24,24,24);
color: #ffffff;
}
#foot-div .other-info-block-div{
margin-bottom: 30px;
}
#foot-div #other-info-div h3{
font-size: 22px;
}
#foot-div .other-info-title{
color: rgb(131,131, 131);
font-size: 15px;
height: 20px;
line-height: 20px;
margin: 0px;
}
#foot-div .other-info-time{
color: rgb(122,122, 122);
font-size: 11px;
height: 11px;
line-height: 11px;
margin: 0px;
}
#other-info-div{
margin-top: 10px;
}
#other-info-div button.red-button{
margin: 5px;
background-color: rgb(23,23, 23);
border: 1px solid rgb(123,123, 123);
font-size: 14px;
}
#other-info-div button.red-button:hover{
background-color: rgb(238,90,90);
border: 1px solid rgb(233, 30,39);
}
#company-info-div{
background-color: #000000;
padding: 20px;
font-size: 14px;
}
其他Jquery、bootstrap需要去官网下载，放入项目即可
社区
qq群：4626694081
问答社区