mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 14:30:46 +02:00
Code Issues Releases Wiki Activity

nuke remaining less/tests/ files and move grid over to examples dir

Browse Source
This commit is contained in:
Mark Otto
2013-02-26 00:49:21 -08:00
parent e2e5580c0e
commit ea01e8bbc4
8 changed files with 71 additions and 1804 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
docs/examples/grid.html Normal file
View File

@@ -0,0 +1,64 @@
---
layout: example
title: Grid template
---
<!-- Custom styles for this template -->
<style>
/* Show grid styles from docs.css
-------------------------------------------------- */
.show-grid {
margin-bottom: 15px;
}
.show-grid [class^="span"] {
padding-top: 10px;
padding-bottom: 10px;
background-color: #eee;
border: 1px solid #ddd;
}
.show-grid [class*="span"]:hover {
background-color: #ddd;
}
</style>
<div class="container">
<div class="page-header">
<h1>Grids</h1>
</div>
<h2>Default grid columns</h2>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
</div>
<div class="row show-grid">
<div class="span4">4</div>
<div class="span4">4</div>
<div class="span4">4</div>
</div>
<div class="row show-grid">
<div class="span6">6</div>
<div class="span6">6</div>
</div>
<div class="row show-grid">
<div class="span12">12</div>
</div>
</div>
</div> <!-- /container -->

7
docs/getting-started.html
View File

@@ -253,6 +253,13 @@ description: Overview of the project, its contents, and how to get started with
<h4>Fixed top navbar</h4>
<p></p>
</div>
<div class="span4">
<a class="thumbnail" href="/examples/grid/">
<img src="/assets/img/examples/bootstrap-example-.png" alt="">
</a>
<h4>Grid examples</h4>
<p></p>
</div>
</div>
</section>