<!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">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>Bootstrap入门</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">花点时间</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">种类</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">搞点浪漫 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">送父母</a></li>
<li><a href="#">送朋友</a></li>
<li><a href="#">送伴侣</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">查找</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">登录<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">注册</a></li>
<li><a href="#">登录</a></li>
<li><a href="#">修改密码</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/3.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
<img src="images/2.jpg" alt="...">
<div class="carousel-caption">
...
</div>
</div>
...
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="row clearfix">
<div class="col-md-6 column">
<table class="table">
<thead>
<tr>
<th>
编号
</th>
<th>
品种
</th>
<th>
适合的人
</th>
<th>
花语
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
白荔枝
</td>
<td>
恋人
</td>
<td>
宠爱,守护的爱
</td>
</tr>
<tr class="success">
<td>
2
</td>
<td>
艾莎
</td>
<td>
喜欢的女孩子
</td>
<td>
我的心中只有你
</td>
</tr>
<tr class="error">
<td>
3
</td>
<td>
卡布
</td>
<td>
朋友或爱人
</td>
<td>
与你相遇注定美好
</td>
</tr>
<tr class="warning">
<td>
4
</td>
<td>
霓裳
</td>
<td>
心动的人
</td>
<td>
美好的邂逅
</td>
</tr>
<tr class="info">
<td>
5
</td>
<td>
流沙
</td>
<td>
告白的人
</td>
<td>
爱的宣言
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6 column">
<dl>
<dt>
荔枝
</dt>
<dd>
奶白色的花瓣清弱柔软,带有一股清甜的荔枝香。 花语:宠爱、守护的爱。 很适合送喜欢的人
</dd>
<dt>
艾莎
</dt>
<dd>
米白色的花瓣边缘带着粉边,双色经典耐看玫瑰。 花语:我的心中只有你。 很适合送恋人
</dd>
<dt>
霓裳
</dt>
<dd>
白色花瓣晕染着浅玫粉的糖果色,浪漫又梦幻。 花语:美好的邂逅。 很适合送心动的人
</dd>
<dt>
卡布
</dt>
<dd>
颜色如咖啡般的复古色调,温柔又高级。 花语:不期而遇的爱,与你相遇注定美好。 适合送暗恋的人或者朋友
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。近几年毕业设计和毕业答辩的要求和难度不断提升,传统的毕业项目缺少创新和亮点,往往达不到毕业答辩的要求,这几年教育机构专门针对各大院校毕业设计进行培训指导,衍生出很多届优秀学员的毕业项目,为了让广大同学都可以顺利通过答辩,我作为过来人给大家准备了一些资料,同学们可以互相参考,我建议大家是要有自己的想法来重构项目,而不是照搬抄袭。
资源推荐
资源详情
资源评论
收起资源包目录
前端项目9.zip (62个子文件)
web前端项目
src
flower
01-基本结构.html 14KB
js
html5shiv.min.js 3KB
bootstrap.js 68KB
npm.js 484B
bootstrap.min.js 36KB
respond.min.js 6KB
jquery.js 268KB
img
2.jpg 21KB
Thumbs.db 56KB
10.png 7KB
9.png 3KB
download.png 3KB
3.png 1KB
desktop.jpg 34KB
22.jpg 318KB
logo.png 3KB
12.png 1KB
stickup.png 8KB
tablet.jpg 22KB
websafecolors.png 9KB
11.png 2KB
13.png 1KB
6.png 8KB
erweima.png 3KB
phone.jpg 66KB
5.png 20KB
4.png 10KB
11.jpg 62KB
8.png 18KB
unslider.png 1KB
header_img.jpg 86KB
7.png 45KB
3.jpg 33KB
demo.mp4 7.86MB
14.png 3KB
css
bootstrap-theme.min.css.map 25KB
bootstrap.min.css 118KB
bootstrap-theme.css.map 47KB
bootstrap-theme.css 26KB
bootstrap.css.map 380KB
bootstrap.css 143KB
bootstrap-theme.min.css 23KB
bootstrap.min.css.map 529KB
images
2.jpg 677KB
6.jpg 16KB
1.jpg 48KB
5.jpg 16KB
8.jpg 18KB
3.jpg 129KB
7.jpg 14KB
9.jpg 13KB
4.jpg 16KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
.idea
workspace.xml 3KB
misc.xml 278B
modules.xml 259B
.gitignore 184B
项目.iml 433B
共 62 条
- 1
资源评论
诚信赢天下
- 粉丝: 2971
- 资源: 102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功