From f64fe29003159669404f8f5a7a20551fec263904 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 15:40:37 -0700 Subject: Move Glyphicons into their own repo Removes the icon fonts and associated docs and LESS code from the core repo and into twbs/bootstrap-glyphicons. --- docs/components.html | 314 --------------------------------------------------- 1 file changed, 314 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index b18fd2b64..e2a883705 100644 --- a/docs/components.html +++ b/docs/components.html @@ -6,320 +6,6 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na --- - -
-
-

Icons font by Glyphicons

-
- -

Included glyphs

-

Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

- - - -

Glyphicons attribution

-

Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

- - -

How to use

-

Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

-{% highlight html %} - -{% endhighlight %} -

Want to change the icon color? Just change the color of the parent element.

-

When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

- - -

Icon examples

-

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

- -

Buttons

- -
Button group in a button toolbar
-
-
-
- - - - -
-
-
-{% highlight html %} -
-
- - - - -
-
-{% endhighlight %} - -
-

Accessibility

-

Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.

-
- -
Dropdown in a button group
-
-
- User - - -
-
-{% highlight html %} -
- User - - -
-{% endhighlight %} - -
Large button
-
- Star -
-{% highlight html %} - Star -{% endhighlight %} - -
Small button
-
- -
-{% highlight html %} - -{% endhighlight %} - - -

Navigation

-
- -
-{% highlight html %} - -{% endhighlight %} - -

Form fields

-
-
- -
-
- - -
-
-
-
-{% highlight html %} -
- -
-
- - -
-
-
-{% endhighlight %} - -
- - -- cgit v1.2.3 From c455d92f9e27b5845538e64ac354e544699ff82e Mon Sep 17 00:00:00 2001 From: Kyle Date: Mon, 24 Jun 2013 11:27:05 +0800 Subject: Replaced with for glyphicon --- docs/components.html | 330 +++++++++++++++++++++++++-------------------------- 1 file changed, 165 insertions(+), 165 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index b18fd2b64..55f27cbc3 100644 --- a/docs/components.html +++ b/docs/components.html @@ -17,171 +17,171 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

    -
  • glyphicon-glass
    • -
  • glyphicon-music
    • -
  • glyphicon-search
    • -
  • glyphicon-envelope
    • -
  • glyphicon-heart
    • -
  • glyphicon-star
    • -
  • glyphicon-star-empty
    • -
  • glyphicon-user
    • -
  • glyphicon-film
    • -
  • glyphicon-th-large
    • -
  • glyphicon-th
    • -
  • glyphicon-th-list
    • -
  • glyphicon-ok
    • -
  • glyphicon-remove
    • -
  • glyphicon-zoom-in
    • -
  • glyphicon-zoom-out
    • -
  • glyphicon-off
    • -
  • glyphicon-signal
    • -
  • glyphicon-cog
    • -
  • glyphicon-trash
    • -
  • glyphicon-home
    • -
  • glyphicon-file
    • -
  • glyphicon-time
    • -
  • glyphicon-road
    • -
  • glyphicon-download-alt
    • -
  • glyphicon-download
    • -
  • glyphicon-upload
    • -
  • glyphicon-inbox
    • - -
  • glyphicon-play-circle
    • -
  • glyphicon-repeat
    • -
  • glyphicon-refresh
    • -
  • glyphicon-list-alt
    • -
  • glyphicon-lock
    • -
  • glyphicon-flag
    • -
  • glyphicon-headphones
    • -
  • glyphicon-volume-off
    • -
  • glyphicon-volume-down
    • -
  • glyphicon-volume-up
    • -
  • glyphicon-qrcode
    • -
  • glyphicon-barcode
    • -
  • glyphicon-tag
    • -
  • glyphicon-tags
    • -
  • glyphicon-book
    • -
  • glyphicon-bookmark
    • -
  • glyphicon-print
    • -
  • glyphicon-camera
    • -
  • glyphicon-font
    • -
  • glyphicon-bold
    • -
  • glyphicon-italic
    • -
  • glyphicon-text-height
    • -
  • glyphicon-text-width
    • -
  • glyphicon-align-left
    • -
  • glyphicon-align-center
    • -
  • glyphicon-align-right
    • -
  • glyphicon-align-justify
    • -
  • glyphicon-list
    • - -
  • glyphicon-indent-left
    • -
  • glyphicon-indent-right
    • -
  • glyphicon-facetime-video
    • -
  • glyphicon-picture
    • -
  • glyphicon-pencil
    • -
  • glyphicon-map-marker
    • -
  • glyphicon-adjust
    • -
  • glyphicon-tint
    • -
  • glyphicon-edit
    • -
  • glyphicon-share
    • -
  • glyphicon-check
    • -
  • glyphicon-move
    • -
  • glyphicon-step-backward
    • -
  • glyphicon-fast-backward
    • -
  • glyphicon-backward
    • -
  • glyphicon-play
    • -
  • glyphicon-pause
    • -
  • glyphicon-stop
    • -
  • glyphicon-forward
    • -
  • glyphicon-fast-forward
    • -
  • glyphicon-step-forward
    • -
  • glyphicon-eject
    • -
  • glyphicon-chevron-left
    • -
  • glyphicon-chevron-right
    • -
  • glyphicon-plus-sign
    • -
  • glyphicon-minus-sign
    • -
  • glyphicon-remove-sign
    • -
  • glyphicon-ok-sign
    • - -
  • glyphicon-question-sign
    • -
  • glyphicon-info-sign
    • -
  • glyphicon-screenshot
    • -
  • glyphicon-remove-circle
    • -
  • glyphicon-ok-circle
    • -
  • glyphicon-ban-circle
    • -
  • glyphicon-arrow-left
    • -
  • glyphicon-arrow-right
    • -
  • glyphicon-arrow-up
    • -
  • glyphicon-arrow-down
    • -
  • glyphicon-share-alt
    • -
  • glyphicon-resize-full
    • -
  • glyphicon-resize-small
    • -
  • glyphicon-plus
    • -
  • glyphicon-minus
    • -
  • glyphicon-asterisk
    • -
  • glyphicon-exclamation-sign
    • -
  • glyphicon-gift
    • -
  • glyphicon-leaf
    • -
  • glyphicon-fire
    • -
  • glyphicon-eye-open
    • -
  • glyphicon-eye-close
    • -
  • glyphicon-warning-sign
    • -
  • glyphicon-plane
    • -
  • glyphicon-calendar
    • -
  • glyphicon-random
    • -
  • glyphicon-comment
    • -
  • glyphicon-magnet
    • - -
  • glyphicon-chevron-up
    • -
  • glyphicon-chevron-down
    • -
  • glyphicon-retweet
    • -
  • glyphicon-shopping-cart
    • -
  • glyphicon-folder-close
    • -
  • glyphicon-folder-open
    • -
  • glyphicon-resize-vertical
    • -
  • glyphicon-resize-horizontal
    • -
  • glyphicon-hdd
    • -
  • glyphicon-bullhorn
    • -
  • glyphicon-bell
    • -
  • glyphicon-certificate
    • -
  • glyphicon-thumbs-up
    • -
  • glyphicon-thumbs-down
    • -
  • glyphicon-hand-right
    • -
  • glyphicon-hand-left
    • -
  • glyphicon-hand-up
    • -
  • glyphicon-hand-down
    • -
  • glyphicon-circle-arrow-right
    • -
  • glyphicon-circle-arrow-left
    • -
  • glyphicon-circle-arrow-up
    • -
  • glyphicon-circle-arrow-down
    • -
  • glyphicon-globe
    • -
  • glyphicon-wrench
    • -
  • glyphicon-tasks
    • -
  • glyphicon-filter
    • -
  • glyphicon-briefcase
    • -
  • glyphicon-fullscreen
    • - -
  • glyphicon-dashboard
    • -
  • glyphicon-paperclip
    • -
  • glyphicon-heart-empty
    • -
  • glyphicon-link
    • -
  • glyphicon-phone
    • -
  • glyphicon-pushpin
    • -
  • glyphicon-euro
    • -
  • glyphicon-usd
    • -
  • glyphicon-gbp
    • -
  • glyphicon-sort
    • -
  • glyphicon-sort-by-alphabet
    • -
  • glyphicon-sort-by-alphabet-alt
    • -
  • glyphicon-sort-by-order
    • -
  • glyphicon-sort-by-order-alt
    • -
  • glyphicon-sort-by-attributes
    • -
  • glyphicon-sort-by-attributes-alt
    • -
  • glyphicon-unchecked
    • -
  • glyphicon-expand
    • -
  • glyphicon-collapse
    • -
  • glyphicon-collapse-top
    • +
  • glyphicon-glass
    • +
  • glyphicon-music
    • +
  • glyphicon-search
    • +
  • glyphicon-envelope
    • +
  • glyphicon-heart
    • +
  • glyphicon-star
    • +
  • glyphicon-star-empty
    • +
  • glyphicon-user
    • +
  • glyphicon-film
    • +
  • glyphicon-th-large
    • +
  • glyphicon-th
    • +
  • glyphicon-th-list
    • +
  • glyphicon-ok
    • +
  • glyphicon-remove
    • +
  • glyphicon-zoom-in
    • +
  • glyphicon-zoom-out
    • +
  • glyphicon-off
    • +
  • glyphicon-signal
    • +
  • glyphicon-cog
    • +
  • glyphicon-trash
    • +
  • glyphicon-home
    • +
  • glyphicon-file
    • +
  • glyphicon-time
    • +
  • glyphicon-road
    • +
  • glyphicon-download-alt
    • +
  • glyphicon-download
    • +
  • glyphicon-upload
    • +
  • glyphicon-inbox
    • + +
  • glyphicon-play-circle
    • +
  • glyphicon-repeat
    • +
  • glyphicon-refresh
    • +
  • glyphicon-list-alt
    • +
  • glyphicon-lock
    • +
  • glyphicon-flag
    • +
  • glyphicon-headphones
    • +
  • glyphicon-volume-off
    • +
  • glyphicon-volume-down
    • +
  • glyphicon-volume-up
    • +
  • glyphicon-qrcode
    • +
  • glyphicon-barcode
    • +
  • glyphicon-tag
    • +
  • glyphicon-tags
    • +
  • glyphicon-book
    • +
  • glyphicon-bookmark
    • +
  • glyphicon-print
    • +
  • glyphicon-camera
    • +
  • glyphicon-font
    • +
  • glyphicon-bold
    • +
  • glyphicon-italic
    • +
  • glyphicon-text-height
    • +
  • glyphicon-text-width
    • +
  • glyphicon-align-left
    • +
  • glyphicon-align-center
    • +
  • glyphicon-align-right
    • +
  • glyphicon-align-justify
    • +
  • glyphicon-list
    • + +
  • glyphicon-indent-left
    • +
  • glyphicon-indent-right
    • +
  • glyphicon-facetime-video
    • +
  • glyphicon-picture
    • +
  • glyphicon-pencil
    • +
  • glyphicon-map-marker
    • +
  • glyphicon-adjust
    • +
  • glyphicon-tint
    • +
  • glyphicon-edit
    • +
  • glyphicon-share
    • +
  • glyphicon-check
    • +
  • glyphicon-move
    • +
  • glyphicon-step-backward
    • +
  • glyphicon-fast-backward
    • +
  • glyphicon-backward
    • +
  • glyphicon-play
    • +
  • glyphicon-pause
    • +
  • glyphicon-stop
    • +
  • glyphicon-forward
    • +
  • glyphicon-fast-forward
    • +
  • glyphicon-step-forward
    • +
  • glyphicon-eject
    • +
  • glyphicon-chevron-left
    • +
  • glyphicon-chevron-right
    • +
  • glyphicon-plus-sign
    • +
  • glyphicon-minus-sign
    • +
  • glyphicon-remove-sign
    • +
  • glyphicon-ok-sign
    • + +
  • glyphicon-question-sign
    • +
  • glyphicon-info-sign
    • +
  • glyphicon-screenshot
    • +
  • glyphicon-remove-circle
    • +
  • glyphicon-ok-circle
    • +
  • glyphicon-ban-circle
    • +
  • glyphicon-arrow-left
    • +
  • glyphicon-arrow-right
    • +
  • glyphicon-arrow-up
    • +
  • glyphicon-arrow-down
    • +
  • glyphicon-share-alt
    • +
  • glyphicon-resize-full
    • +
  • glyphicon-resize-small
    • +
  • glyphicon-plus
    • +
  • glyphicon-minus
    • +
  • glyphicon-asterisk
    • +
  • glyphicon-exclamation-sign
    • +
  • glyphicon-gift
    • +
  • glyphicon-leaf
    • +
  • glyphicon-fire
    • +
  • glyphicon-eye-open
    • +
  • glyphicon-eye-close
    • +
  • glyphicon-warning-sign
    • +
  • glyphicon-plane
    • +
  • glyphicon-calendar
    • +
  • glyphicon-random
    • +
  • glyphicon-comment
    • +
  • glyphicon-magnet
    • + +
  • glyphicon-chevron-up
    • +
  • glyphicon-chevron-down
    • +
  • glyphicon-retweet
    • +
  • glyphicon-shopping-cart
    • +
  • glyphicon-folder-close
    • +
  • glyphicon-folder-open
    • +
  • glyphicon-resize-vertical
    • +
  • glyphicon-resize-horizontal
    • +
  • glyphicon-hdd
    • +
  • glyphicon-bullhorn
    • +
  • glyphicon-bell
    • +
  • glyphicon-certificate
    • +
  • glyphicon-thumbs-up
    • +
  • glyphicon-thumbs-down
    • +
  • glyphicon-hand-right
    • +
  • glyphicon-hand-left
    • +
  • glyphicon-hand-up
    • +
  • glyphicon-hand-down
    • +
  • glyphicon-circle-arrow-right
    • +
  • glyphicon-circle-arrow-left
    • +
  • glyphicon-circle-arrow-up
    • +
  • glyphicon-circle-arrow-down
    • +
  • glyphicon-globe
    • +
  • glyphicon-wrench
    • +
  • glyphicon-tasks
    • +
  • glyphicon-filter
    • +
  • glyphicon-briefcase
    • +
  • glyphicon-fullscreen
    • + +
  • glyphicon-dashboard
    • +
  • glyphicon-paperclip
    • +
  • glyphicon-heart-empty
    • +
  • glyphicon-link
    • +
  • glyphicon-phone
    • +
  • glyphicon-pushpin
    • +
  • glyphicon-euro
    • +
  • glyphicon-usd
    • +
  • glyphicon-gbp
    • +
  • glyphicon-sort
    • +
  • glyphicon-sort-by-alphabet
    • +
  • glyphicon-sort-by-alphabet-alt
    • +
  • glyphicon-sort-by-order
    • +
  • glyphicon-sort-by-order-alt
    • +
  • glyphicon-sort-by-attributes
    • +
  • glyphicon-sort-by-attributes-alt
    • +
  • glyphicon-unchecked
    • +
  • glyphicon-expand
    • +
  • glyphicon-collapse
    • +
  • glyphicon-collapse-top
-- cgit v1.2.3 From 242d92e09c60396bad0837581a9692bf7abe8aea Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 25 Jun 2013 20:18:30 -0700 Subject: Fix #8287 --- docs/components.html | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 55f27cbc3..bbb2c0f55 100644 --- a/docs/components.html +++ b/docs/components.html @@ -482,6 +482,11 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

+
+

Tooltips & popovers in button groups require special setting

+

When using tooltips or popovers on elements within a .btn-group, you'll have to specify the option container: 'body' to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).

+
+

Basic button group

Wrap a series of buttons with .btn in .btn-group.

-- cgit v1.2.3 From 2471b9d725d2452a10f802af5667509af7b7eb2e Mon Sep 17 00:00:00 2001 From: James Holland Date: Wed, 26 Jun 2013 08:27:12 -0400 Subject: typo: match doc text and example --- docs/components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 55f27cbc3..48c7411d0 100644 --- a/docs/components.html +++ b/docs/components.html @@ -942,7 +942,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
{% highlight html %} -
    +
      ...
    • Disabled link
      • ... -- cgit v1.2.3 From b4e0e4fee65fb50f7981d28bb875083e0da1a303 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Wed, 26 Jun 2013 15:59:33 +0200 Subject: Adjust info callout, add callouts to docs * Adjust the background-color of bs-callout-info to match danger and warning in tone * Convert all the callouts * Change some callouts to info/warning * Add new callout --- docs/components.html | 43 ++++++++++++++++++++++++++++++------------- 1 file changed, 30 insertions(+), 13 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 55f27cbc3..634b8bde0 100644 --- a/docs/components.html +++ b/docs/components.html @@ -185,8 +185,10 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
    -

    Glyphicons attribution

    -

    Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

    +
    +

    Glyphicons attribution

    +

    Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

    +

    How to use

    @@ -195,7 +197,10 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% endhighlight %}

    Want to change the icon color? Just change the color of the parent element.

    -

    When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

    +
    +

    Readability

    +

    When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

    +

    Icon examples

    @@ -225,7 +230,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% endhighlight %} -
    +

    Accessibility

    Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.

    @@ -566,7 +571,13 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% endhighlight %}

    Justified button groups

    -

    Make a group of buttons stretch at the same size to span the entire width of its parent. This only works with <a> elements as the <button> doesn't pick up these styles.

    +

    Make a group of buttons stretch at the same size to span the entire width of its parent.

    + +
    +

    Element-specific usage

    +

    This only works with <a> elements as the <button> doesn't pick up these styles.

    +
    +
    Left @@ -592,7 +603,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

    Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

    -
    +

    Plugin dependency

    Button dropdowns require the dropdown plugin to be included in your version of Bootstrap.

    @@ -929,7 +940,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

    For any nav component (tabs, pills, or list), add .disabled for gray links and no hover effects.

    -
    +

    Link functionality not impacted

    This class will only change the <a>'s appearance, not its functionality. Use custom JavaScript to disable links here.

    @@ -1213,7 +1224,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
    {% endhighlight %} -
    +

    Body padding required

    The fixed navbar will overlay your other content, unless you add padding to the top of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

    {% highlight css %} @@ -1242,7 +1253,7 @@ body { padding-top: 70px; }
    {% endhighlight %} -
    +

    Body padding required

    The fixed navbar will overlay your other content, unless you add padding to the bottom of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

    {% highlight css %} @@ -1343,7 +1354,7 @@ body { padding-bottom: 70px; }
    {% endhighlight %} -
    +

    Plugin dependency

    The responsive navbar requires the collapse plugin to be included in your version of Bootstrap.

    @@ -1660,7 +1671,7 @@ body { padding-bottom: 70px; }

    Self collapsing

    When there are no new or unread items, badges will simply collapse (via CSS's :empty selector) provided no content exists within.

    -
    +

    Cross-browser compatibility

    Badges won't self collapse in Internet Explorer 8 because it lacks support for the :empty selector.

    @@ -1854,7 +1865,13 @@ body { padding-bottom: 70px; }

    Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

    Default alert

    -

    Wrap any text and an optional dismiss button in .alert for a basic warning alert message. To ensure proper behavior across all devices, be sure to use <button> element with the data-dismiss="alert" data attribute.

    +

    Wrap any text and an optional dismiss button in .alert for a basic warning alert message.

    + +
    +

    Ensure proper behavior across all devices

    +

    Be sure to use the <button> element with the data-dismiss="alert" data attribute.

    +
    +
    @@ -1947,7 +1964,7 @@ body { padding-bottom: 70px; }

    Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

    -
    +

    Cross-browser compatibility

    Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.

    -- cgit v1.2.3 From 2981f0089f917deb39a6dd61a784c01aa2732e92 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Jun 2013 18:51:06 -0700 Subject: remove glyphicons from demo component --- docs/components.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index ee819a244..071e546dc 100644 --- a/docs/components.html +++ b/docs/components.html @@ -243,10 +243,10 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

    Make a set of buttons appear vertically stacked rather than horizontally.

    - - - - + + + +
    {% highlight html %} -- cgit v1.2.3 From bf3c5e070e2ee74181aa8b2c75f32387827b01c2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Jun 2013 20:49:29 -0700 Subject: remove submenus. for more context: http://www.youtube.com/watch?v=ggWyUEuGcWY&feature=youtu.be&t=48s --- docs/components.html | 89 ---------------------------------------------------- 1 file changed, 89 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 071e546dc..79b00e991 100644 --- a/docs/components.html +++ b/docs/components.html @@ -66,95 +66,6 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
  • Another link
{% endhighlight %} - - -

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add .dropdown-submenu to any li in an existing dropdown menu for automatic styling.

-
- -
-

Default

-
- -
-
- -
-

Dropup

-
- -
-
- -
-

Left submenu

-
- -
-
- -
-{% highlight html %} - -{% endhighlight %} - -- cgit v1.2.3 From 5b69d3405301ebf9f7047a459f727cbe5f73aedd Mon Sep 17 00:00:00 2001 From: liuyl Date: Wed, 3 Jul 2013 20:37:36 +0800 Subject: use sibling selector instead of pseudo selector --- docs/components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 79b00e991..4e763d6d4 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1016,7 +1016,7 @@ body { padding-bottom: 70px; }

Breadcrumbs

Indicate the current page's location within a navigational hierarchy.

-

Separators are automatically added in CSS through :after and content.

+

Separators are automatically added in CSS through :before and content.

  • Home
    • -- cgit v1.2.3 From 95655e72754b9450d04108593f60647cf2e2241c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 5 Jul 2013 14:27:54 -0500 Subject: Remove more Glyphicons --- docs/components.html | 68 ---------------------------------------------------- 1 file changed, 68 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 4e763d6d4..97fade984 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1813,33 +1813,6 @@ body { padding-bottom: 70px; }
  • Porta ac consectetur ac
  • Vestibulum at eros
-{% endhighlight %} - -

With chevrons

-

Add Glyphicon chevrons that are automatically moved to the right.

-
-
    -
  • - - Cras justo odio -
    • -
  • - - Dapibus ac facilisis in -
    • -
  • - - Morbi leo risus -
    • -
-
-{% highlight html %} -
    -
  • - - Cras justo odio -
    • -
{% endhighlight %}

With badges

@@ -1867,37 +1840,6 @@ body { padding-bottom: 70px; } Cras justo odio -{% endhighlight %} - -

With badges and chevrons

-

Why not both?

-
-
    -
  • - - 14 - Cras justo odio -
    • -
  • - - 2 - Dapibus ac facilisis in -
    • -
  • - - 1 - Morbi leo risus -
    • -
-
-{% highlight html %} -
    -
  • - - 14 - Cras justo odio -
    • -
{% endhighlight %}

Linked list group

@@ -1906,19 +1848,14 @@ body { padding-bottom: 70px; }
Cras justo odio - Dapibus ac facilisis in - Morbi leo risus - Porta ac consectetur ac - Vestibulum at eros -
@@ -1926,19 +1863,14 @@ body { padding-bottom: 70px; }
Cras justo odio - Dapibus ac facilisis in - Morbi leo risus - Porta ac consectetur ac - Vestibulum at eros -
{% endhighlight %} -- cgit v1.2.3 From 88d76e386f566b0c49d85aa32d0c385870bbbfb3 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Tue, 9 Jul 2013 15:32:28 +0200 Subject: Dustin the docs again * Fix alllll the links! * Change all `*.js` in JS plugin docs (no mo `bootstrap-`) * Fully remove `tr.info` * Bring nav includes up to date --- docs/components.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 97fade984..cf504ebfa 100644 --- a/docs/components.html +++ b/docs/components.html @@ -12,7 +12,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Dropdown menus

-

Toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin.

+

Toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin.

Wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then add the menu's HTML.

@@ -76,7 +76,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Button groups

-

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

+

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

Tooltips & popovers in button groups require special setting

@@ -195,7 +195,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Plugin dependency

-

Button dropdowns require the dropdown plugin to be included in your version of Bootstrap.

+

Button dropdowns require the dropdown plugin to be included in your version of Bootstrap.

Single button dropdowns

@@ -559,7 +559,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na -

Add dropdown menus with a little extra HTML and the dropdowns JavaScript plugin.

+

Add dropdown menus with a little extra HTML and the dropdowns JavaScript plugin.

Tabs with dropdowns

@@ -946,7 +946,7 @@ body { padding-bottom: 70px; }

Plugin dependency

-

The responsive navbar requires the collapse plugin to be included in your version of Bootstrap.

+

The responsive navbar requires the collapse plugin to be included in your version of Bootstrap.

@@ -1048,7 +1048,7 @@ body { padding-bottom: 70px; }

Pagination

-

Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

+

Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

Standard pagination

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

@@ -1352,7 +1352,7 @@ body { padding-bottom: 70px; }

Thumbnails

-

Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

+

Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

Default thumbnails

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

@@ -1452,7 +1452,7 @@ body { padding-bottom: 70px; }

Alerts

-

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

+

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

Default alert

Wrap any text and an optional dismiss button in .alert for a basic warning alert message. To ensure proper behavior across all devices, be sure to use <button> element with the data-dismiss="alert" data attribute.

@@ -1990,7 +1990,7 @@ body { padding-bottom: 70px; } {% endhighlight %}

With list groups

-

Easily include full-width list groups within any panel.

+

Easily include full-width list groups within any panel.

-- cgit v1.2.3 From 7cc34ea54765520b62491b53f9dfb24db6ffdfdc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 17 Jul 2013 20:17:56 -0700 Subject: fix broken docs callouts --- docs/components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 365eeb0d6..5cc3a1e28 100644 --- a/docs/components.html +++ b/docs/components.html @@ -78,7 +78,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

-
+

Tooltips & popovers in button groups require special setting

When using tooltips or popovers on elements within a .btn-group, you'll have to specify the option container: 'body' to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).

-- cgit v1.2.3