* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Sat Sep 10 13:17:50 PDT 2011
* Date: Sat Sep 10 15:24:30 PDT 2011
*/
*/
/* Reset.less
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
<p>Bootstrap comes complete with compiled CSS, uncompiled, and example templates.</p>
<p>Bootstrap comes complete with compiled CSS, uncompiled, and example templates.</p>
<ul>
<ul>
<li><spanclass="label">New in 1.3</span> Javascript plugins</li>
<li>All original .less files</li>
<li>All original .less files</li>
<li>Fully compiled and minified CSS</li>
<li>Fully compiled and minified CSS</li>
<li>Complete styleguide documentation</li>
<li>Complete styleguide documentation</li>
<li>Example page template (more to come soon)</li>
<li>Three example pages with different Bootstrap layouts</li>
</ul>
</ul>
</div>
</div>
</div><!-- /row -->
</div><!-- /row -->
...
@@ -574,6 +575,124 @@
...
@@ -574,6 +575,124 @@
</dl>
</dl>
</div>
</div>
</div><!-- /row -->
</div><!-- /row -->
<!-- Code -->
<divclass="row">
<divclass="span4">
<h2>Code</h2>
<p>
<code><code></code>
<code><pre></code>
</p>
<p>Pimp your code in style with two simple tags. For even more awesomeness through javascript, drop in Google's code prettify library and you're set.</p>
</div>
<divclass="span12">
<h3>Presenting code</h3>
<p>Code, blocks of or just snippets inline, can be displayed with style just by wrapping in the right tag. For blocks of code spanning multiple lines, use the <code><pre></code> element. For inline code, use the <code><code></code> element.</p>
<table>
<thead>
<tr>
<thstyle="width: 190px;">Element</th>
<th>Result</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><code></code></td>
<td>In a line of text like this, your wrapped code will look like this <code>>html<</code> element.</td>
</tr>
<tr>
<td><code><pre></code></td>
<td>
<pre><div>
<h1>Heading</h1>
<p>Something right here...</p>
</div></pre>
<p><strong>Note:</strong> Be sure to keep code within <code>pre</code> tags as close to the left as possible; it will render all tabs.</p>
<p>Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting.</p>
<preclass="prettyprint"><div>
<h1>Heading</h1>
<p>Something right here...</p>
</div></pre>
<p><ahref="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <ahref="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.</p>
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- /row -->
<!-- Labels -->
<divclass="row">
<divclass="span4">
<h2>Inline labelsM</h2>
<p>Call attention to or flag any phrase in your body text.</p>
<p>
<code><span class="label"></code>
</p>
</div>
<divclass="span12">
<h3>Label anything</h3>
<p>Ever needed one of those fancy <spanclass="label success">New!</span> or <spanclass="label important">Important</span> flags when writing code? Well, now you have them. Here's what's included by default:</p>
<!-- Main hero unit for a primary marketing message or call to action -->
<!-- Main hero unit for a primary marketing message or call to action -->
<divclass="hero-unit">
<divclass="row">
<h1>Hello, world!</h1>
<divclass="span4">a</div>
<p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<divclass="span12">b</div>
<p><aclass="btn primary large">Learn more »</a></p>
