From 88141252595b3875ac001741aa77c7905aac942c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 29 Mar 2013 23:33:08 -0700 Subject: Add subnav support to CSS section --- docs/docs.html | 146 ++++++++++----------------------------------------------- 1 file changed, 26 insertions(+), 120 deletions(-) (limited to 'docs/docs.html') diff --git a/docs/docs.html b/docs/docs.html index d958c9ddd..30a9c7623 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -442,13 +442,13 @@ title: Bootstrap Documentation -
+

Typography

-

Headings

+

Headings

All HTML headings, <h1> through <h6> are available.

@@ -491,7 +491,7 @@ title: Bootstrap Documentation {% endhighlight %} -

Body copy

+

Body copy

Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

@@ -518,7 +518,7 @@ title: Bootstrap Documentation -

Emphasis

+

Emphasis

Make use of HTML's default emphasis tags with lightweight styles.

Small text

@@ -581,7 +581,7 @@ title: Bootstrap Documentation -

Abbreviations

+

Abbreviations

Stylized implementation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

Basic abbreviation

@@ -604,7 +604,7 @@ title: Bootstrap Documentation -

Addresses

+

Addresses

Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br>.

@@ -634,7 +634,7 @@ title: Bootstrap Documentation -

Blockquotes

+

Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

@@ -684,7 +684,7 @@ title: Bootstrap Documentation -

Lists

+

Lists

Unordered

A list of items in which the order does not explicitly matter.

@@ -864,7 +864,7 @@ For example, <section> should be wrapped as inline.

Tables

-

Default styles

+

Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

@@ -908,7 +908,7 @@ For example, <section> should be wrapped as inline.

Optional classes

Add any of the following classes to the .table base class.

-

Striped

+

Striped

Use .table-striped to add zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE8).

@@ -948,7 +948,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Bordered

+

Bordered

Add .table-bordered for borders and rounded corners.

@@ -992,7 +992,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Hover rows

+

Hover rows

Add .table-hover to enable a hover state on table rows within a <tbody>.

@@ -1032,7 +1032,7 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

Condensed

+

Condensed

Add .table-condensed to make tables more compact by cutting cell padding in half.

@@ -1073,7 +1073,7 @@ For example, <section> should be wrapped as inline. -

Optional row classes

+

Optional row classes

Use contextual classes to color table rows.

@@ -1156,100 +1156,6 @@ For example, <section> should be wrapped as inline. ... {% endhighlight %} - - -

Supported table markup

-

List of supported table HTML elements and how they should be used.

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TagDescription
- <table> - - Wrapping element for displaying data in a tabular format -
- <thead> - - Container element for table header rows (<tr>) to label table columns -
- <tbody> - - Container element for table rows (<tr>) in the body of the table -
- <tr> - - Container element for a set of table cells (<td> or <th>) that appears on a single row -
- <td> - - Default table cell -
- <th> - - Special table cell for column (or row, depending on scope and placement) labels -
- <caption> - - Description or summary of what the table holds, especially useful for screen readers -
-{% highlight html linenos %} - - - - - - - - - - - - - - - - -
...
.........
.........
-{% endhighlight %} -
@@ -1261,7 +1167,7 @@ For example, <section> should be wrapped as inline.

Forms

-

Default styles

+

Basic example

Individual form controls automatically receive some global styling. By default, inputs are set to width: 100%;.

@@ -1295,10 +1201,10 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

Optional layouts

+

Optional layouts

Included with Bootstrap are optional form layouts for common use cases.

-

Inline form

+

Inline form

Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

@@ -1323,7 +1229,7 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

Horizontal form

+

Horizontal form

Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

  • Add .form-horizontal to the form
    • @@ -1509,7 +1415,7 @@ For example, <section> should be wrapped as inline. -

    Form control states

    +

    Form control states

    Provide feedback to users or visitors with basic feedback states on form controls and labels.

    Input focus

    @@ -1635,7 +1541,7 @@ For example, <section> should be wrapped as inline.

    Extending form controls

    Adding on top of existing browser controls, Bootstrap includes other useful form components.

    -

    Input groups

    +

    Input groups

    Add text or buttons before, after, or on both sides of any text-based input. Use .input-group with a .add-on to prepend or append elements to an <input>.

    Avoid using <select> elements here as they cannot be fully styled in WebKit browsers.

    @@ -1856,7 +1762,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Control sizing

+

Control sizing

Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.

Relative sizing

@@ -1956,7 +1862,7 @@ For example, <section> should be wrapped as inline. Some value here {% endhighlight %} -

Form actions

+

Form actions

End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

@@ -1971,7 +1877,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Help text

+

Help text

Inline and block level support for help text that appears around form controls.

Inline help

@@ -2041,7 +1947,7 @@ For example, <section> should be wrapped as inline.

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

-

Button sizes

+

Button sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

@@ -2093,7 +1999,7 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

Disabled state

+

Disabled state

Make buttons look unclickable by fading them back 50%.

Button element

@@ -2122,7 +2028,7 @@ For example, <section> should be wrapped as inline.

-

One class, multiple tags

+

One class, multiple tags

Use the .btn class on an <a>, <button>, or <input> element.

Link -- cgit v1.2.3