From 99ede580cf85611bf446abd46fa1ad4daf850a59 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 10 Sep 2011 15:29:38 -0700 Subject: adding code and .label sections to type section --- docs/index.html | 121 +++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 120 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 42c548ea3..09e7951fe 100644 --- a/docs/index.html +++ b/docs/index.html @@ -136,10 +136,11 @@

What's included

Bootstrap comes complete with compiled CSS, uncompiled, and example templates.

@@ -574,6 +575,124 @@ + + + +
+
+

Code

+

+ <code> + <pre> +

+

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.

+
+
+

Presenting code

+

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 <pre> element. For inline code, use the <code> element.

+ + + + + + + + + + + + + + + + + + + + + +
ElementResult
<code>In a line of text like this, your wrapped code will look like this >html< element.
<pre> +
<div>
+  <h1>Heading</h1>
+  <p>Something right here...</p>
+</div>
+

Note: Be sure to keep code within pre tags as close to the left as possible; it will render all tabs.

+
<pre class="prettyprint"> +

Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting.

+
<div>
+  <h1>Heading</h1>
+  <p>Something right here...</p>
+</div>
+

Download google-code-prettify and view the readme for how to use.

+
+
+
+ + +
+
+

Inline labelsM

+

Call attention to or flag any phrase in your body text.

+

+ <span class="label"> +

+
+
+

Label anything

+

Ever needed one of those fancy New! or Important flags when writing code? Well, now you have them. Here's what's included by default:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
LabelResult
+ <span class="label">Default</span> + + Default +
+ <span class="label success">New</span> + + New +
+ <span class="label warning">Warning</span> + + Warning +
+ <span class="label important">Important</span> + + Important +
+ <span class="label notice">Notice</span> + + Notice +
+
+
+ -- cgit v1.2.3