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

搭建bootstrap环境

效果预览：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>

应用到的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开源博客主页相关推荐

python入门指南bl-Python Flask开源博客系统Bl
本博文在51CTO技术博客首发. 开源不易,Python良心之作,真心送给广大朋友,恳请给予支持,不胜感激! 大家可以从下面的地址中去体验Blog_mini的功能,我把副本部署在了腾讯云上供大家使用: ...
Ghost 搭建博客小记
前言点击我用 Ghost 搭建的博客查看成品示例. 早就听说 Ghost 的大名了,不过一直都是处于观望状态.主要是想等 Ghost 各方面再成熟一些,所以迟迟没有行动.最近听闻 Ghost 已 ...
Python Flask开源博客系统Blog_mini
本博文在51CTO技术博客首发. 开源不易,Python良心之作,真心送给广大朋友,恳请给予支持,不胜感激! 大家可以从下面的地址中去体验Blog_mini的功能,我把副本部署在了腾讯云上供大家使用: ...
推荐一个十分好看的开源博客系统
推荐一个十分好看的开源博客系统,直接百度"里程密"地址www.lcm.wang 附图主页后台浓浓的科技简约风,适合做技术的你转载于:https://www.cnblogs. ...
个人博客代码_Solo小众开源博客系统：手把手教你搭建自己的博客系统
博客是很多程序员朋友的最爱,通过博客可以梳理自己的技术体系,将自己日常开发过程中的技术心得或者对于一个技术问题的解决思路记录下来,对于以后碰到此类问题有一个参考的作用.同时,博客系统的内容是对外的,我 ...
调研了100+开源博客，发现这5个最好用！
最近想倒腾一下博客,看了很多现成的比较成熟的开源博客系统,自己也简单从下面几个维度总结对比了一下: star 数量技术选型社区生态当然啦!好东西不能独享,下面简单分享一下我所做的笔记(文末有提供 ...
想要搭建个人博客？我调研了 100 来个 Java 开源博客系统，发现这 5 个最好用！...
最近想倒腾一下博客,看了很多现成的比较成熟的开源博客系统,自己也简单从下面几个维度总结对比了一下: star 数量技术选型社区生态当然啦!好东西不能独享,下面简单分享一下我所做的笔记(文末有提供 ...
想要搭建个人博客？我调研了 100 来个 Java 开源博客系统，发现这 5 个最好用！......
最近想倒腾一下博客,看了很多现成的比较成熟的开源博客系统,自己也简单从下面几个维度总结对比了一下: star 数量技术选型社区生态当然啦!好东西不能独享,下面简单分享一下我所做的笔记(文末有提供 ...
简单开源java ssm_[VIP源码]【S006】SSM(Spring+Spring MVC+Mybatis) java开源博客管理系统项目源码...
java源码项目名称:SSM(Spring+Spring MVC+Mybatis) java开源博客管理系统项目源码 java项目源码 1 ?, R, _* q n8 v) S$ R7 ?百度网盘 ...

bootstrap仿Ghost开源博客主页

搭建bootstrap环境

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

应用到的bootstrap内容

最后界面

bootstrap仿Ghost开源博客主页相关推荐

最新文章

热门文章