bootstrap3 article

<!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">Japanese girl developed a dog robot to tell you how you feel today?</h2>
<div>
<p class="text-muted ">
Perhaps purely using a machine to measure your body The presence or absence of odor does not inspire shame, but the human-shaped and dog-shaped odor detection robots launched by the CrazyLabo Crazy Lab under a Japanese construction company and the Kitakyushu Institute of Technology will inspire the deepest feelings in your heart. Shame (or frustration)!
</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">
The cute girl in the picture is called "Kaori", although she is blinded by her eyes It was terrifying to look directly at, but the slightly parted lips actually contained an odor detection device. After blowing between her lips, Kaori classifies your breath on four levels from good to bad. If you are Kaori's dish, she will tell you: "citrus-like sweet and sour taste" (in love?); but too bad she will tell the truth, after all, she can't lie!
</p>
<p class="
Compared to the terrifying Kaori, the dog-shaped smell robot is much cuter. The main function is to smell your feet. Although it can't speak, it can express its feelings through body language. When you just put on your socks and give it a sniff, it will usually give you a few happy barks. But in the worst case, it will die out of breath, and the background music will play Chopin's Funeral March. Although the expression has a spoof feel, click the source link to watch the Asahi Shimbun video and you should laugh!
</p>
</div>
<div>
<h4 class="text-muted">article navigation</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"




<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>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325767318&siteId=291194637