bootstrap仿Ghost开源博客主页

都说实践是检验是否掌握的标准,由于bootstrap之前用的不多,但是最近又需要使用,借此机会模仿一个Ghost开源博客主页

搭建bootstrap环境

效果预览:Ghost开源博客主页

  • 先到官网下载bootstrap框架,这里用的是bootstrap3.2版本
  • 使用sublime编辑器即可

在官网上复制框架基础页面

加上本地的css,js文件





    
    
    
    Ghost 开源博客平台 | Ghost中文网
    
    
    



    
    
    



应用到的bootstrap内容

  • 栅格布局(应用很多)
  • 响应式导航条
  • 各种居中排版

最后界面

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8KrGQM5g-1570936508403)(https://img-blog.csdn.net/20170505160121155?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaG9wZV9JdA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)]
bootstrap仿Ghost开源博客主页_第1张图片

  • 源码地址

你可能感兴趣的:(CSS与HTML,前端构建工具)