diff options
| author | Mark Otto <[email protected]> | 2011-09-10 22:31:43 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-09-10 22:31:43 -0700 |
| commit | 40693f261838136499b11c728e5389815e3ee322 (patch) | |
| tree | b2bcc70419aca97fc068fac20d1e940372ce4c68 /docs | |
| parent | 536fe2c7437969ec64c14d6d790c5e7c684a6ccc (diff) | |
| download | bootstrap-40693f261838136499b11c728e5389815e3ee322.tar.xz bootstrap-40693f261838136499b11c728e5389815e3ee322.zip | |
adding media grid styles
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/index.html | 53 |
1 files changed, 50 insertions, 3 deletions
diff --git a/docs/index.html b/docs/index.html index 5fe222945..4764edfb5 100644 --- a/docs/index.html +++ b/docs/index.html @@ -42,11 +42,12 @@ <div class="container"> <h3><a href="#">Bootstrap</a></h3> <ul class="nav"> - <li class="active"><a href="#masthead">Overview</a></li> + <li class="active"><a href="#overview">Overview</a></li> <li><a href="#about">About</a></li> <li><a href="#grid-system">Grid</a></li> <li><a href="#layouts">Layouts</a></li> - <li><a href="#typography">Typography</a></li> + <li><a href="#typography">Type</a></li> + <li><a href="#media">Media</a></li> <li><a href="#tables">Tables</a></li> <li><a href="#forms">Forms</a></li> <li><a href="#navigation">Navigation</a></li> @@ -61,7 +62,7 @@ <!-- Masthead (blueprinty thing) ================================================== --> - <header class="jumbotron masthead"> + <header class="jumbotron masthead" id="overview"> <div class="inner"> <div class="container"> <h1>Bootstrap, from Twitter</h1> @@ -698,6 +699,52 @@ +<!-- Media +================================================== --> +<section id="media"> + <div class="page-header"> + <h1>Media <small>Displaying images and videos</small></h1> + </div> + <!-- Table structure --> + <div class="row"> + <div class="span4"> + <h2>Media grid</h2> + <p>Display thumbnails of varying sizes on pages with a low HTML footprint and minimal styles.</p> + </div> + <div class="span12"> + <ul class="media-grid"> + <li> + <a class="thumbnail" href="#"> + <img src="http://placehold.it/210x150" alt=""> + </a> + </li> + <li> + <a class="thumbnail" href="#"> + <img src="http://placehold.it/210x150" alt=""> + </a> + </li> + <li> + <a class="thumbnail" href="#"> + <img src="http://placehold.it/210x150" alt=""> + </a> + </li> + <li> + <a class="thumbnail" href="#"> + <img src="http://placehold.it/210x150" alt=""> + </a> + </li> + <li> + <a class="thumbnail" href="#"> + <img src="http://placehold.it/210x150" alt=""> + </a> + </li> + </ul> + </div> + </div><!-- /row --> +</section> + + + <!-- Tables ================================================== --> <section id="tables"> |