都说实践是检验是否掌握的标准，由于bootstrap之前用的不多，但是最近又需要使用，借此机会模仿一个Ghost开源博客主页
效果预览：Ghost开源博客主页
先到官网下载bootstrap框架，这里用的是bootstrap3.2版本使用sublime编辑器即可加上本地的css,js文件
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ghost 开源博客平台 | Ghost中文网</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <script src="js/jquery-1.11.1.min.js "></script> <script src="js/bootstrap.min.js "></script> <script src="js/main.js "></script> </body> </html>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8KrGQM5g-1570936508403)(https://img-blog.csdn.net/20170505160121155?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG9wZV9JdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)]
源码地址