bootstrap3文章
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<style>
.a{
border: 1px solid #DDDDDD;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-9 col-lg-9 col-sm-9 col-xs-12 ">
<h2 class="text-primary text-center">日本女孩研发狗狗机器人,告诉你今天体味如何?</h2>
<div>
<p class="text-muted ">
或许纯粹用机器测定你身上有无臭味，还不能激发人的耻度，但日本一家建设公司旗下的「CrazyLabo」疯狂实验室与北九州工业高等专门学校合作推出的人形与狗形气味探测机器人，将激发你内心最深处的羞耻感（或挫败感）！
</p>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 text-center">
<img src="img/sample-image.jpg" class="img-thumbnail" />
</div>
</div>
<p class="text-muted">
图中的这位可爱的女孩叫做「香织」，虽然被她眼睛直视感觉怪恐怖的，但微启的双唇，其实内部藏有气味探测装置。对她的双唇间吹气后，香织会从好到坏四个层次中归类你的口气。若你是香织的菜，她会告诉你：「柑橘般的酸甜滋味」（恋爱了？）；但太糟糕也会实话实说，毕竟她还不会说谎啊！
</p>
<p class="text-muted">
相对于异常恐怖的香织，狗形气味机器人就可爱多啦。主要的功用是闻闻你的脚味，虽然它不会说话，但会以肢体语言表达感受。当刚穿上袜子给它嗅嗅，通常会开心地对你叫几声。但最糟的情况下，它会直接气绝身亡，背景音乐将拨放萧邦的送葬进行曲。虽然表达形式有种恶搞的感觉，但点击来源连结观看朝日新闻的视频，你应该会笑出来！
</p>
</div>
<div>
<h4 class="text-muted">文章导航</h4>
<div class="row">
<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<img src="img/1.jpg" class="img-thumbnail" />
</div>
<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<img src="img/2.jpg" class="img-thumbnail" />
</div>
<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<img src="img/3.jpg" class="img-thumbnail" />
</div>
</div>
</div>
</div>
<div class="col-md-2 col-lg-2 col-sm-2 col-xs-12 col-lg-offset-1 a">
<h4 class="text-muted text-center">随手文章 </h4>
</div>
</div>
</div>
</body>
</html>
bootstrap3文章的更多相关文章
- MVC5 + EF6 + Bootstrap3 (16) 客户端验证
Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-client-side-validation.html 系列 ...
- MVC5 + EF6 + Bootstrap3 (15) 应用ModelState和Data Annotation做服务器端数据验证
Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-server-side-validation.html 系列 ...
- MVC5 + EF6 + Bootstrap3 (14) 分部视图PartialView
Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-partialview.html 系列教程:MVC5 + E ...
- MVC5 + EF6 + Bootstrap3 (13) 查看详情、编辑数据、删除数据
Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-rud.html 系列教程:MVC5 + EF6 + Boo ...
- MVC5 + EF6 + Bootstrap3 (12) 新建数据
Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-create.html 系列教程:MVC5 + EF6 + ...
- MVC5 + EF6 + Bootstrap3 (10) 数据查询页面
文章来源:Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-search-page.html 系列教程:MVC ...
- MVC5 + EF6 + Bootstrap3 (9) HtmlHelper用法大全(下)
文章来源:Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-httphelper-part2.html 上一节 ...
- MVC5 + EF6 + Bootstrap3 (8) HtmlHelper用法大全(上)
文章来源:Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-httphelper-part1.html 上一节 ...
- MVC5 + EF6 + Bootstrap3 (7) Bootstrap的栅格系统
文章来源: Slark.NET-博客园http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-grid.html 上一节:ASP.NET MVC ...
随机推荐
- 2019年学Java开发有优势吗？
随着信息科技的发展,在我们的日程生活和工作中到处充斥和使用着互联网信息技术.事实说明,互联网已经越来越广泛地深入到人们生活的方方面面,Java技术服务市场需求空缺会越来越大.学会一门IT技术,将拥有更 ...
- MySQL5.7的安装（CentOS 7 & Ubuntu 16.04）
CentOS 通过 yum 安装MySQL5.7 Yum Repository 下载地址:https://dev.mysql.com/downloads/repo/yum/ 选择相应的版本进行下载:R ...
- Carbon document
< Getting Started Docs Reference History Contribute Github Introduction The Carbon class is inh ...
- Wordvec_句子相似度
import jiebafrom jieba import analyseimport numpyimport gensimimport codecsimport pandas as pdimport ...
- Redis (非关系型数据库) 数据类型 之 String类型
Redis 一个内存数据库,通过 Key-Value 键值对的的方式存储数据.由于 Redis 的数据都存储在内存中,所以访问速度非常快,因此 Redis 大量用于缓存系统,存储热点数据,可以极大的提 ...
- 【Linux】开机自动启动脚本
Linux下(以RedHat为范本)添加开机开机自动启动脚本有两种方式; 本例系统:Linux(CentOS 7.2) 方法一 使用 /etc/rc.d/rc.local,自动启动脚本 #!/bin/ ...
- dfs序理解-hdu3887
dfs序就是相当于把树转化成了一个区间,在区间上进行操作. void dfs(int u, int fa) { l[u]=++key; ; i=e[i].next) { int v=e[i].v; i ...
- 【转】shell expect spawn、linux expect 用法小记 看着舒服点
使用expect实现自动登录的脚本,网上有很多,可是都没有一个明白的说明,初学者一般都是照抄.收藏.可是为什么要这么写却不知其然.本文用一个最短的例子说明脚本的原理. 脚本代码如下: ######## ...
- C++程序生成.exe文件，在文件夹中运行时闪现问题
问题描述:在IDE(此为Dev-C++)中编写C++程序,运行时会产生如下文字 但我想取消这三行的显示. 解决方法:1:在IDE中运行时,“请按任意键继续”是消失不掉的,但在该程序的保存路径下可以消灭 ...
- 百度地图经纬度和地址互转（Java代码）
这是基于springmvc+mybatis 的一个controller.如果不是这个框架,可以把方法实体抽到自己写的一个类中,然后再测试 package com.uwitec.controller.s ...