Skip to content

Instantly share code, notes, and snippets.

@tjstebbing
Created August 29, 2012 07:29
Show Gist options
  • Save tjstebbing/3507987 to your computer and use it in GitHub Desktop.
Save tjstebbing/3507987 to your computer and use it in GitHub Desktop.
simple img browser ui with bootstrap
<div class='row-fluid'>
<div class='span6'>
<div class='row-fluid'>
<div>
<form class="navbar-search pull-left">
<input type="text" class="search-query" placeholder="Search" style="background-color: white; border-color: #ccc;">
</form>
</div>
</div>
<ul class="thumbnails">
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://placekitten.com/100/75" alt="">
</a>
</li>
</ul>
</div>
<div class='span6 hero-unit'>
<div class='row-fluid'>
<div class='span6'>
<h3>Kitten Logo</h3>
</div>
<div class='span6' style="text-align: right;">
<button class="btn" type="button">Update File</button>
</div>
</div>
<div class='well'>
<img src="http://placekitten.com/300/250" alt="">
</div>
<h4>Tags:</h4>
<textarea class='span12'>Kittens, Daww</textarea>
<h4>Used by:</h4>
<div class='row-fluid'>
<div class='span3'>Campaigns:</div>
<div class='span9'>Kittens r Us</div>
</div>
<div class='row-fluid'>
<div class='span3'>Guides:</div>
<div class='span9'>Kitten Care 101, When kittens attack</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment