mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00
Code Activity

remove separate examples page, add to getting started page

Browse Source
This commit is contained in:
Mark Otto
2012-07-17 21:45:57 -07:00
parent a1ad6d124a
commit 6a663081a7
4 changed files with 94 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/getting-started.html
+47 -3
View File
@@ -88,6 +88,8 @@
<li><a href="#file-structure">File structure <i class="icon-chevron-right"></i></a></li>
<li><a href="#contents">What's included <i class="icon-chevron-right"></i></a></li>
<li><a href="#html-template">HTML template <i class="icon-chevron-right"></i></a></li>
<li><a href="#examples">Examples <i class="icon-chevron-right"></i></a></li>
<li><a href="#what-next">What next? <i class="icon-chevron-right"></i></a></li>
</ul>
</div>
<div class="span9">
@@ -224,17 +226,59 @@
&lt;/html&gt;
</pre>
<p><strong>And you're set!</strong> With those two files added, you can begin to develop any site or application with Bootstrap.</p>
</section>
<hr>
<h2>What next?</h2>
<!-- Examples
================================================== -->
<section id="examples">
<div class="page-header">
<h1>5. Examples</h1>
</div>
<p class="lead">Moving beyond the base template with a few basic examples as starting points for working with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.</p>
<ul class="thumbnails bootstrap-examples">
<li class="span3">
<a class="thumbnail" href="examples/hero.html">
<img src="assets/img/examples/bootstrap-example-hero.jpg" alt="">
</a>
<h3>Basic marketing site</h3>
<p>Featuring a hero unit for a primary message and three supporting elements.</p>
</li>
<li class="span3">
<a class="thumbnail" href="examples/fluid.html">
<img src="assets/img/examples/bootstrap-example-fluid.jpg" alt="">
</a>
<h3>Fluid layout</h3>
<p>Uses our new responsive, fluid grid system to create a seamless liquid layout.</p>
</li>
<li class="span3">
<a class="thumbnail" href="examples/starter-template.html">
<img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
</a>
<h3>Starter template</h3>
<p>A barebones HTML document with all the Bootstrap CSS and javascript included.</p>
</li>
</ul>
</section>
<!-- Next
================================================== -->
<section id="what-next">
<div class="page-header">
<h1>What next?</h1>
</div>
<p class="lead">Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.</p>
<a class="btn btn-large" href="./scaffolding.html" >Visit the Bootstrap docs</a>
<a class="btn btn-large btn-primary" href="./scaffolding.html" >Visit the Bootstrap docs</a>
<a class="btn btn-large" href="./download.html" style="margin-left: 5px;" >Customize Bootstrap</a>
</section>
</div>
</div>