Skip to content

Instantly share code, notes, and snippets.

@FrankFang

FrankFang/demo.html

Created November 15, 2012 16:56
Show Gist options
  • Save FrankFang/4079750 to your computer and use it in GitHub Desktop.
Save FrankFang/4079750 to your computer and use it in GitHub Desktop.
Download ZIP
a bootstrap demo
Raw
demo.html
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>一个 bootstrap 的 demo</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="container">
<header class="row">
<div class="span12 logo">
<h1 class="hero-unit">NoHost 自定义设置</h1>
</div>
</header>
<section class="content app-list">
<div class="row">
<div class="span3">
<article class="thumbnail">
<div class="caption">
<h3>应用1</h3>
<ul class="unstyled">
<li><label class="radio"><input name="app1" type="radio">测试环境1</label></li>
<li><label class="radio"><input name="app1" type="radio">开发环境</label></li>
<li><label class="radio"><input name="app1" type="radio">正式环境</label></li>
</ul>
</div>
</article>
</div>
<div class="span3">
<article class="thumbnail">
<div class="caption">
<h3>应用1</h3>
<ul class="unstyled">
<li><label class="radio"><input name="app1" type="radio">测试环境1</label></li>
<li><label class="radio"><input name="app1" type="radio">测试环境2</label></li>
<li><label class="radio"><input name="app1" type="radio">开发环境</label></li>
<li><label class="radio"><input name="app1" type="radio">正式环境</label></li>
</ul>
</div>
</article>
</div>
<div class="span3">
<article class="thumbnail">
<div class="caption">
<h3>应用1</h3>
<ul class="unstyled">
<li><label class="radio"><input name="app1" type="radio">测试环境1</label></li>
<li><label class="radio"><input name="app1" type="radio">开发环境</label></li>
<li><label class="radio"><input name="app1" type="radio">正式环境</label></li>
</ul>
</div>
</article>
</div>
<div class="span3">
<article class="thumbnail">
<div class="caption">
<h3>应用1</h3>
<ul class="unstyled">
<li><label class="radio"><input name="app1" type="radio">测试环境1</label></li>
<li><label class="radio"><input name="app1" type="radio">测试环境2</label></li>
<li><label class="radio"><input name="app1" type="radio">开发环境</label></li>
<li><label class="radio"><input name="app1" type="radio">正式环境</label></li>
</ul>
</div>
</article>
</div>
</div>
</section>
<footer class="row"></footer>
</div>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment