用bootstrap制作个人简历

2024-10-04

Vue + Bootstrap 制作炫酷个人简历（一）

最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在开始! 首先配置项目具体可以看我的 Vue 配置项目由于需要使用bootstrap,所以我们要安装jquery和bootstrap. 这里我们采用npm进行安装. 安装成功如图: 然后安装 jquery 这里根据官方文档我们选择v1.12.4 执行安装 npm install jquery@1.12.4 --

bootstrap制作搜索框及添加回车搜索事件

下面是开发中用bootstrap制作的一个搜索框,以及给搜索框添加回车搜索事件的一个小案例. bootstrap制作搜索框及添加回车搜索事件下面是功能实现的代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap制作搜索框及添加回车搜索事件</title> <link rel="stylesheet"

Vue + Bootstrap 制作炫酷个人简历（二）

没想到隔了这么久才来更新. 用vue做简历,不是非常适合,为什么呢. 因为简历没什么数据上的操作,一般都是静态的内容. 不过都说了用Vue来做,也只能强行续命了. 这里是我做好的成品非一般简历由于未涉及页面跳转,所以没有vue-router 想要实现如网页中的功能,首先我们要使用fullpage.js插件这也是jquery的插件之一,官网地址他可以让我们的页面实习全屏滚动效果. 本来式通过 npm 进行安装使用的,结果... 3版本需要许可证书,ok,我在网站找了一个以前的,下载下来用

制作宅基腐主页 && 制作个人简历--材料：BootStrap

宅基腐主页主页分为四大板块:导航栏,轮播图,主页内容,相关信息. 导航栏:<nav>标签,class="navbar",navbar-inverse为反色,navbar-fixed-top为始终居顶. 在nav下包含div,并且div的class=container,container下有naver-header与navbar-right. 响应式折叠插件:collapse,主要注意设置如下. <button class="navbar-toggle co

制作在线简历（一）——Loading与底部菜单

想装逼下搞个在线简历,然后顺便用些CSS3与HTML5的一些技术,再顺带把响应式也加上去去,在移动端也能看到. 不过我的配色low了点,还望见谅...... 一.首页Loading效果这次就打算把几个功能全部写在一起展示啦,这样就得有个Loading页面,先把该载入的都载入进来.不然的话,代码没载入进来,这效果都看不到的,体验会很差. 前面写过一篇制作Loading效果的文章<多种方法实现Loading(加载)动画效果>,这次挑Sonic.js来实现下. 1.选了个我感觉比较酷的Loadin

Angularjs + Bootstrap 制作的一个TODO List

看了一个关于Angularjs的视频,视频内容讲解的是如何制作一款TODO list形式的SPA(Simple Page Application,单页面应用).为了增强理解,下面写了一篇文章,用以复习巩固. 准备 Angularjs下载 CDN加速 npm 方式常规方式 Bootstrap下载知识储备 MVC 架构 ng-app ng-controller ng-model 事件基础 ng-click 完整代码 mainjs todolisthtml 页面效果代码详解创建应用创建控制器

fuel 9.0完全离线配置+升级fule 9.1+bootstrap制作

2017-08-23 fuel 完全离线配置完全离线适用于部署在内网,无Internet的环境当中,且需要升级fuel版本的情况.理论上,我的办法适用所有版本. 以下所有操作全部在fuel节点上. 1. 首先把离线repo做出来. mkdir /var/www/nailgun/mirrors/ 如果有已经存在的离线mirrors,则打包拷贝到/var/www/nailgun/mirrors/下链接: https://pan.baidu.com/s/1kUEvOaz 密码: vdns

使用bootstrap制作网站导航

除了制作选项卡和下拉菜单,bootstrap还能编写出美观的网站导航栏一.仿知乎导航栏 <body> <nav class="navbar navbar-default navbar-fixed-top">  <div class=container> <!-- 将contianer放在 nav标签内可以保证

微信小程序制作个人简历

使用微信小程序云开发制作自己的个人简历,简单高效. 首先需要了解小程序的基本结构以及云开发模式,及一些css样式基础. 使用小程序云数据库.vant组件库实现简历内容. 最终效果如下: 首先申请个人微信小程序,具体流程参照官方. 代码如下: index.json { "usingComponents": {//引入vant组件 "van-progress": "@vant/weapp/progress/index", "van-divi

HTML制作个人简历

简历代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

使用BootStrap制作用户登录UI

先看看劳动成果布局左右各一半(col-md-6) 左侧登录框占左侧一半的10/12 右侧是登录系统的注意事项使用到的BootStrap元素 well 输入框组(input-group) 按钮(btn-success) HTML代码 <div class="row" style="margin-top:30px;"> <div class="col-md-6" style="border-right:1px sol

利用latex制作个人简历

转自: http://www.cnblogs.com/panpei/ 前些日子,有点无聊,就在网上逛逛技术大牛的blogs,发现很多大牛都喜欢用pdf版式的简历,发现这种版式的简历排版非常漂亮简洁.深究了一下,发现其实是利用LaTeX生成的(多说一句,不得不佩服DonaldE.Knuth大师发明的TeX排版的确是美观). LaTeX或许不是很多人知道,但是那些忙着发papers的Master Candidate.Ph.D Candidate应该是非常了解的.当然,那些苦逼的数学系的孩子们应该也是

table表单制作个人简历

应用table表单,编程个人简历表单,同时运用了跨行rowspan和跨列colspan. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table, table tr td { border-color: blue; } </style&g

利用Bootstrap制作一个流行的网页

首先是html承载内容: <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Bootstrap实战</title>

利用bootstrap制作滚动监听

滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标. 在这里,需要引入三个文件:bootstrap.min.css jquery-3.3.1.js bootstrap.min.js 都可以在bootstrap-4.1-3里面找到. Html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q

使用Bootstrap制作简单的旅游主页

页面效果代码: 需要导入bootstrapt文件,解压至项目中. 下载地址:https://v3.bootcss.com/getting-started/#download <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content=&

使用 LaTex 制作个人简历（CV，英文版）

\documentclass[12pt]{article} \textwidth=6.5in \textheight=9in \topmargin=-1.1in \headheight=0in \headsep=1in \advance\hoffset -.5truein\relax \pagestyle{empty} \begin{document} \centerline{\large \bf VITA} \vspace{.2in} \centerline{\large \bf Chunhu

bootstrap缩略图及警示框制作

缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题.描述等信息.Bootstrap框架将这一部独立成一个模块组件.并通过“thumbnail”样式配合bootstrap的网格系统来实现.可以将产品列表页变得更好看. <h1>简单的缩略图</h1> <div class="container"> <div class="row"> <div class="c

bootstrap 怎么制作好看的表格

bootstrap 怎么制作表格 bootstrap 制作表格带有图文形式.主要知识点有以下几点第一点肯定是写出一个普通的表格,这一点可以去菜鸟复制它的案例.添加tr和td就可以了在表格放入图片加上class="img-circle" 变成圆形,自己写个css设置图片统一大小.图片高度50px,这时要设置行高也为50px.要不然文字不能垂直对齐,由于优先级问题,我们选择器不能直接选着tr标签,要不然没有作用,可以在父标签创建一个id,用后代选择器去选择. 操作下面的修改和删除按钮可

简历生成平台项目开发-STEP2问卷调查结果统计分析

根据之前设计的调查问卷,截止目前为止,一共收到64份问卷结果.一共16题,分别从基本信息.是否对简历制作有需要.对产品期望的特点和建议采纳四个方面设计问题.下面逐题分析问卷结果: 1.您的性别可以看到男生占了7成以上,基本符合科大男女比例7:1的传统. 2.您的年级从图中可以看到,在读研究生超过60%比例,博士及以上有13%的比例,参加暑期软工活动班级的人员构成基本符合. 3.您所在学院信院占了6成以上的人数,其他学院分布较为均匀. 4.您是否因为制作个人简历而苦恼过?

用bootstrap制作个人简历

热门专题