0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00

improve docs tables

This commit is contained in:
Mark Otto 2017-12-27 13:40:51 -08:00
parent c8e581afbb
commit 42e881f590
14 changed files with 26 additions and 22 deletions

View File

@ -36,6 +36,10 @@
display: block;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
&.table-bordered {
border: 0;
}
}
// Cells

View File

@ -15,7 +15,7 @@ See also:
* [WebKit bug 159753: [meta] Issues affecting Bootstrap](https://bugs.webkit.org/show_bug.cgi?id=159753)
* [jQuery's browser bug workarounds](https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o)
<table class="bd-browser-bugs table table-bordered table-hover table-responsive">
<table class="bd-browser-bugs table table-bordered table-hover">
<thead>
<tr>
<th>Browser(s)</th>
@ -42,7 +42,7 @@ There are several features specified in Web standards which would allow us to ma
We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.
<table class="bd-browser-bugs table table-bordered table-hover table-responsive">
<table class="bd-browser-bugs table table-bordered table-hover">
<thead>
<tr>
<th>Browser(s)</th>

View File

@ -184,7 +184,7 @@ $('.carousel').carousel()
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-interval=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>
@ -278,7 +278,7 @@ Bootstrap's carousel class exposes two events for hooking into carousel function
All carousel events are fired at the carousel itself (i.e. at the `<div class="carousel">`).
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -174,7 +174,7 @@ $('.collapse').collapse()
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-parent=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>
@ -234,7 +234,7 @@ Destroys an element's collapse.
Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -701,7 +701,7 @@ Regardless of whether you call your dropdown via JavaScript or instead use the d
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-offset=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>

View File

@ -319,7 +319,7 @@ When showing a new tab, the events fire in the following order:
If no tab was already active, the `hide.bs.tab` and `hidden.bs.tab` events will not be fired.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event type</th>

View File

@ -557,7 +557,7 @@ Call a modal with id `myModal` with a single line of JavaScript:
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-backdrop=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>
@ -641,7 +641,7 @@ Destroys an element's modal.
Bootstrap's modal class exposes a few events for hooking into modal functionality. All modal events are fired at the modal itself (i.e. at the `<div class="modal">`).
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -602,7 +602,7 @@ When showing a new tab, the events fire in the following order:
If no tab was already active, then the `hide.bs.tab` and `hidden.bs.tab` events will not be fired.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -122,7 +122,7 @@ Enable popovers via JavaScript:
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-animation=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>
@ -300,7 +300,7 @@ Updates the position of an element's popover.
### Events
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -288,7 +288,7 @@ Destroys an element's scrollspy.
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-offset=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>
@ -309,7 +309,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
### Events
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -113,7 +113,7 @@ You should only add tooltips to HTML elements that are traditionally keyboard-fo
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-`, as in `data-animation=""`.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 100px;">Name</th>
@ -285,7 +285,7 @@ Updates the position of an element's tooltip.
### Events
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th style="width: 150px;">Event Type</th>

View File

@ -16,7 +16,7 @@ Alternative browsers which use the latest version of WebKit, Blink, or Gecko, wh
Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) are not supported.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<td></td>
@ -59,7 +59,7 @@ Generally speaking, Bootstrap supports the latest versions of each major platfor
Similarly, the latest versions of most desktop browsers are supported.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<td></td>

View File

@ -40,7 +40,7 @@ This is the most basic form of Bootstrap: precompiled files for quick drop-in us
Bootstrap includes a handful of options for including some or all of our compiled CSS.
<table class="table table-bordered table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">CSS files</th>
@ -88,7 +88,7 @@ Bootstrap includes a handful of options for including some or all of our compile
Similarly, we have options for including some or all of our compiled JavaScript.
<table class="table table-bordered table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">JS files</th>

View File

@ -53,7 +53,7 @@ While Bootstrap uses `em`s or `rem`s for defining most sizes, `px`s are used for
See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
<table class="table table-bordered table-striped table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th></th>