Example tabs

Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

Home
Profile
@@ -60,7 +60,7 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed)
You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling, while adding the nav and nav-pills classes will apply pill styling.
{% highlight html %} -

Date: Wed, 14 May 2014 18:12:18 -0700 Subject: docs: sort tooltip & container options for sanity --- docs/_includes/js/popovers.html | 66 ++++++++++++++++++++--------------------- docs/_includes/js/tooltips.html | 36 +++++++++++----------- 2 files changed, 51 insertions(+), 51 deletions(-) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index b2f58fbc4..a3e5f81cd 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -151,6 +151,33 @@ $('.popover-dismiss').popover({ true Apply a CSS fade transition to the popover + + container + string | false + false + +

Appends the popover to a specific element. Example: container: 'body'. This option is particularly useful in that it allows you to position the popover in the flow of the document near the triggering element - which will prevent the popover from floating away from the triggering element during a window resize.

+ + + + content + string | function + '' + +

Default content value if data-content attribute isn't present.

If a function is given, it will be called with 1 argument, which is the element that the popover is attached to.

+ + + + delay + number | object + 0 + +

Delay showing and hiding the popover (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show

Object structure is: delay: { show: 500, hide: 100 }

+ + html boolean @@ -169,18 +196,6 @@ $('.popover-dismiss').popover({ false If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See this and an informative example. - - trigger - string - 'click' - How popover is triggered - click | hover | focus | manual - - - title - string | function - '' - Default title value if title attribute isn't present - template string @@ -194,31 +209,16 @@ $('.popover-dismiss').popover({ - content + title string | function '' - -

Default content value if data-content attribute isn't present.

If a function is given, it will be called with 1 argument, which is the element that the popover is attached to.

- - - - delay - number | object - 0 - -

Delay showing and hiding the popover (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show

Object structure is: delay: { show: 500, hide: 100 }

- + Default title value if title attribute isn't present - container - string | false - false - -

- + trigger + string + 'click' + How popover is triggered - click | hover | focus | manual diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index 64ea06e85..4d91da640 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -90,6 +90,24 @@ $('#example').tooltip(options) true Apply a CSS fade transition to the tooltip + + container + string | false + false + +

Appends the tooltip to a specific element. Example: container: 'body'

+ + + + delay + number | object + 0 + +

Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show

Object structure is: delay: { show: 500, hide: 100 }

+ + html boolean @@ -131,24 +149,6 @@ $('#example').tooltip(options) 'hover focus' How tooltip is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space. - - delay - number | object - 0 - -

Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show

Object structure is: delay: { show: 500, hide: 100 }

- - - - container - string | false - false - -

Appends the tooltip to a specific element. Example: container: 'body'

- - viewport string | object -- cgit v1.2.3 From 90cfa1a44de353d1b0a8aef080e267bd765159e3 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 14 May 2014 18:17:24 -0700 Subject: add 'viewport' option to popover docs; #12328 erratum --- docs/_includes/js/popovers.html | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index a3e5f81cd..174e9969a 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -220,6 +220,14 @@ $('.popover-dismiss').popover({ 'click' How popover is triggered - click | hover | focus | manual + + viewport + string | object + { selector: 'body', padding: 0 } + +

Keeps the popover within the bounds of this element. Example: viewport: '#viewport' or { selector: '#viewport', padding: 0 }

+ + -- cgit v1.2.3 From e839a4999559eeea4a74dfeebb16428a48b44728 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 14 May 2014 18:18:33 -0700 Subject: add multiple triggers info to popover docs --- docs/_includes/js/popovers.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index 174e9969a..05778bc97 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -218,7 +218,7 @@ $('.popover-dismiss').popover({ trigger string 'click' - How popover is triggered - click | hover | focus | manual + How popover is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space. viewport -- cgit v1.2.3 From 6fdbd8e3cf90d1beaccc60396d30303287b4b1b8 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 14 May 2014 18:19:50 -0700 Subject: add 'selector' option motivation to tooltip docs --- docs/_includes/js/tooltips.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index 4d91da640..72096b368 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -124,7 +124,7 @@ $('#example').tooltip(options) selector string false - If a selector is provided, tooltip objects will be delegated to the specified targets. + If a selector is provided, tooltip objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have tooltips added. See this and an informative example. template -- cgit v1.2.3 From 3465d984fb934b1616b8d4ecf394b997cd1f0fab Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 14 May 2014 18:23:58 -0700 Subject: add 'container' option motivation to tooltip docs --- docs/_includes/js/tooltips.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index 72096b368..e967878f8 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -95,7 +95,7 @@ $('#example').tooltip(options) string | false false -

Appends the tooltip to a specific element. Example: container: 'body'

Appends the tooltip to a specific element. Example: container: 'body'. This option is particularly useful in that it allows you to position the tooltip in the flow of the document near the triggering element - which will prevent the tooltip from floating away from the triggering element during a window resize.

-- cgit v1.2.3 From 00fcf072c6955b1e5ba51298db1026c91783eef6 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 14 May 2014 18:43:14 -0700 Subject: update default 'template' value in popover docs --- docs/_includes/js/popovers.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index 05778bc97..2ee670741 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -199,7 +199,7 @@ $('.popover-dismiss').popover({ template string - '<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' +

'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'

Base HTML to use when creating the popover.

The popover's title will be injected into the .popover-title.

-- cgit v1.2.3 From f47ad79538458c4fe787335a5873c00073c5c2c9 Mon Sep 17 00:00:00 2001 From: Attila Dobi Date: Tue, 15 Apr 2014 10:46:58 +0300 Subject: add `target` option to Affix plugin --- docs/_includes/js/affix.html | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'docs/_includes/js') diff --git a/docs/_includes/js/affix.html b/docs/_includes/js/affix.html index cfd32ec35..5b6fec0bb 100644 --- a/docs/_includes/js/affix.html +++ b/docs/_includes/js/affix.html @@ -62,6 +62,13 @@ 10 Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and bottom directions. To provide a unique, bottom and top offset just provide an object offset: { top: 10 } or offset: { top: 10, bottom: 5 }. Use a function when you need to dynamically calculate an offset. + + target + selector | node | jQuery element + the window object + Specifies the target element of the affix. + + -- cgit v1.2.3