注意：Bootstrap相关文件的路径，Bootstrap依赖jQuery，需要先加载jQuery
index.html：
nbsp;html>个人简历 个人简历
基本信息
某某 XX工程师@@##@@个人介绍
滴滴答答滴滴答答滴滴答答滴滴答 答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答
姓名 YYY 年龄 18 学校 XX大学 学历 本科 专业 软件工程 学制 全日制 职业技能
JavaScript Vue.js <!-- ssh -->
熟悉Node.js PHP <!-- ssh -->
熟悉html/css
熟悉数据结构/算法
熟悉项目展示
请联系我
如果你感兴趣
登录后复制
相关推荐：《bootstrap入门教程》
css
/* * Globals */ body { font-family: Georgia, "Times New Roman", Times, serif; color: #555;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #333;} /* * Override Bootstrap's default container. */ @media (min-width: 1200px) { .container { width: 970px; }} /* * Masthead for nav */ .blog-masthead { background-color: #428bca; -webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1); box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);} /* Nav links */ .blog-nav-item { position: relative; display: inline-block; padding: 10px; font-weight: 500; color: #cdddeb;} .blog-nav-item:hover, .blog-nav-item:focus { color: #fff; text-decoration: none;} /* Active state gets a caret at the bottom */ .blog-nav .active { color: #fff;} .blog-nav .active:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent;} /* * Blog name and description */ .blog-header { padding-top: 20px; padding-bottom: 20px;} .blog-title { margin-top: 30px; margin-bottom: 0; font-size: 60px; font-weight: normal;} .blog-description { font-size: 20px; color: #999;} /* * Main column and sidebar layout */ .blog-main { font-size: 18px; line-height: 1.5;} /* Sidebar modules for boxing content */ .sidebar-module { padding: 15px; margin: 0 -15px 15px;} .sidebar-module-inset { padding: 15px; background-color: #f5f5f5; border-radius: 4px;} .sidebar-module-inset p:last-child, .sidebar-module-inset ul:last-child, .sidebar-module-inset ol:last-child { margin-bottom: 0;} /* Pagination */ .pager { margin-bottom: 60px; text-align: left;} .pager>li>a { width: 140px; padding: 10px 20px; text-align: center; border-radius: 30px;} /* * Blog posts */ .blog-post { margin-bottom: 60px;} .blog-post-title { margin-bottom: 5px; font-size: 40px;} .blog-post-meta { margin-bottom: 20px; color: #999;} /* * Footer */ .blog-footer { padding: 40px 0; color: #999; text-align: center; background-color: #f9f9f9; border-top: 1px solid #e5e5e5;} .blog-footer p:last-child { margin-bottom: 0;}
登录后复制
header, footer, nav, div, section, aside, article, p { border: 1px dotted #f0f0f0;} .divContent { min-height: 350px;}
登录后复制
以上就是如何用bootstrap制作简历的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3003471.html
