【Bootstarp】个人博客网站设计作品分享（附源码） |
您所在的位置：网站首页 › bootstrap做网站 › 【Bootstarp】个人博客网站设计作品分享（附源码） |
【Bootstarp】个人博客网站设计作品分享（附源码）
|
✨博文作者 wangzirui32 💖 喜欢的可以 点赞 收藏 关注哦~~ 👏 我的第161篇原创作品 👉本文首发于CSDN，未经许可禁止转载 😎 hello，大家好，我是wangzirui32，今天我来展示使用Bootstarp的个人博客网站设计作品，开始学习吧！ 目录 1. 项目结构2. 部分源码2.1 common.css2.2 首页2.3 博文列表页2.4 个人简介页2.5 留言板页面 3. 效果展示4. 源码下载 1. 项目结构项目结构如下： 这里仅展示首页，博文列表页，个人简介页面和留言板页面。 2.1 common.csscommon.css作为公共的CSS文件，如下： .jumbotron { text-align: center; color:white; background-image: url("../images/index_bg.webp"); background-repeat: no-repeat; width: 100%; background-size: 100% 100%; } .jumbotron p{ margin-top: 37px; } 2.2 首页这里为首页body内容，全部内容可下载源码查看。 Hello World ! 欢迎来到 Wangzirui32 的个人博客 ！ 这里有我的学习心得，项目源码，欢迎留言！ Python安装教程 Python安装教程 View more ... Python快速入门 Python快速入门 View more ... Python网络爬虫 Python网络爬虫 View more ... 最新文章 Python网络爬虫 发布于 2022-6-11 21:37 Python快速入门 发布于 2022-6-11 21:37 Python入门教程 发布于 2022-6-11 21:37 热门评论 真不错，学到了！ 期待你的更多博文！ 学习的路上一起前进啊！CSS（index.css）： @import url("common.css"); .panel-header { padding-left: 15px; } 2.3 博文列表页这里为body内容，全部内容可下载源码查看。 Hello World ! 欢迎来到 Wangzirui32 的个人博客 ！ 这里是我的博客文章列表，欢迎点赞，评论，留言！ Python 输出 Hello World Python Hello World 发布于 2022/6/11 21:37 作者：wangzirui32 浏览量：132 点赞：1 评论：3 网友最新评论 User 1：写得不错！ User 2：感谢博主！ User 3：希望能看到更多像这样的优质文章！CSS（posts.css）： @import url("common.css"); .post-info span { margin-right: 10px; } .post-title { font-size: 30px; } img { width: 180px; height: 100px; } 2.4 个人简介页这里为body的内容，全部内容可下载源码查看。 Wangzirui32 关于我 About Me 本人是长期驻扎于CSDN的博主，主要学习Python开发，网络爬虫，Web开发，Bootstarp前端设计等领域。 基础开发 80% Web开发 9% 爬虫开发 10% 应用程序开发 1%CSS（about_me.css）： @import url("common.css"); .row img { width: 80px; height: 80px; } 2.5 留言板页面 留言板 说些什么吧.... 留言 其他人的留言 不错，不错，果断收藏！ 看了许多文章，都挺不错的！💪💪 支持支持！💪👏 3. 效果展示
本人已经将代码上传到Github上，链接： https://github.com/wangzirui32/blog_HTML_design 🎉🎉🎉 好了，今天的课程就到这里，我是wangzirui32，喜欢的可以点个收藏和关注，我们下次再见！ |
共计分为个人简介页，留言板，首页，博文详情页，博文列表，搜索结构显示页。
【本文地址】
今日新闻 |
推荐新闻 |