diff --git a/docs/components/forms.md b/docs/components/forms.md index 9536928f..936d6c17 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -125,7 +125,7 @@ Below is a complete list of the specific from controls supported by Bootstrap an Textual inputs - {% markdown %}`text`, `password`, `datetime`, `datetime-local`, `date`, `month`, `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`{% endmarkdown %} + {% markdown %}`text`, `password`, `datetime-local`, `date`, `month`, `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color`{% endmarkdown %} diff --git a/docs/components/navs.md b/docs/components/navs.md index 8799157b..5e7d8869 100644 --- a/docs/components/navs.md +++ b/docs/components/navs.md @@ -348,6 +348,14 @@ Activates a tab element and content container. Tab should have either a `data-ta {% endhighlight %} +#### .tab('show') + +Selects the given tab and shows its associated pane. Any other tab that was previously selected becomes unselected and its associated pane is hidden. **Returns to the caller before the tab pane has actually been shown** (i.e. before the `shown.bs.tab` event occurs). + +{% highlight js %} +$('#someTab').tab('show') +{% endhighlight %} + ### Events When showing a new tab, the events fire in the following order: diff --git a/docs/components/pagination.md b/docs/components/pagination.md index 99a41e9d..86349635 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -22,7 +22,7 @@ Provide pagination links for your site or app with the multi-page pagination com * Will be replaced with the ToC, excluding the "Contents" header {:toc} -## Default pagination +## Overview 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. @@ -50,7 +50,7 @@ Simple pagination inspired by Rdio, great for apps and search results. The large {% endexample %} -### Disabled and active states +## Disabled and active states Links are customizable for different circumstances. Use `.disabled` for unclickable links and `.active` to indicate the current page. @@ -60,7 +60,6 @@ Links are customizable for different circumstances. Use `.disabled` for unclicka The `.disabled` class uses `pointer-events: none` to try to disable the link functionality of ``s, but that CSS property is not yet standardized. In addition, even in browsers that do support `pointer-events: none`, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a `tabindex="-1"` attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality. {% endcallout %} - {% example html %} {% endexample %} - -## Pager - -Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines. - -### Default example - -By default, the pager centers links. - -{% example html %} - -{% endexample %} - -### Aligned links - -Alternatively, you can align each link to the sides: - -{% example html %} - -{% endexample %} - - -### Optional disabled state - -Pager links also support the `.disabled` class (though note that the same advice about keyboard focus as for the default pagination applies here as well). - -{% example html %} - -{% endexample %} diff --git a/docs/content/reboot.md b/docs/content/reboot.md index 8dfdc745..4f6d81ec 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -236,7 +236,7 @@ These changes, and more, are demonstrated below.

- +