Skip to content

Instantly share code, notes, and snippets.

@angelochen960

angelochen960/gist:2762149

Created May 21, 2012 12:44
Show Gist options
  • Save angelochen960/2762149 to your computer and use it in GitHub Desktop.
Save angelochen960/2762149 to your computer and use it in GitHub Desktop.
Download ZIP
putting two boxes with span6 side by side
Raw
gistfile1.js
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>untitled</title>
<link href='http://twitter.github.com/bootstrap/assets/css/bootstrap.css'
rel='stylesheet' type='text/css'>
<style type="text/css">
.box2 {
padding:10px;
border-style:solid;
border-width:1px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 2px 2px 2px gray;
-webkit-box-shadow: 2px 2px 2px gray;
box-shadow: 2px 2px 2px gray;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<!-- left -->
<div class="span6 box">
<ul class="thumbnails">
<li class="span3">
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/260x180" alt="">
</a>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/260x180" alt="">
</a>
</div>
</li>
</ul>
</div>
<!-- right-->
<div class="span6 box">
<ul class="thumbnails">
<li class="span3">
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/260x180" alt="">
</a>
</div>
</li>
<li class="span3">
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/260x180" alt="">
</a>
</div>
</li>
</ul>
</div>
</div> <!-- row -->
</div> <!-- container -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment