Remove default class
This commit is contained in:
parent
e65de02404
commit
888b885ce1
10 changed files with 15 additions and 15 deletions
|
|
@ -103,7 +103,7 @@ var bsAlert = new bootstrap.Alert(myAlert)
|
|||
|
||||
This makes an alert listen for click events on descendant elements which have the `data-bs-dismiss="alert"` attribute. (Not necessary when using the data-api's auto-initialization.)
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Method | Description |
|
||||
| --- | --- |
|
||||
| `close` | Closes an alert by removing it from the DOM. If the `.fade` and `.show` classes are present on the element, the alert will fade out before it is removed. |
|
||||
|
|
@ -121,7 +121,7 @@ alert.close()
|
|||
|
||||
Bootstrap's alert plugin exposes a few events for hooking into alert functionality.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event | Description |
|
||||
| --- | --- |
|
||||
| `close.bs.alert` | Fires immediately when the `close` instance method is called. |
|
||||
|
|
|
|||
|
|
@ -272,7 +272,7 @@ var carousel = new bootstrap.Carousel(myCarousel)
|
|||
|
||||
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to `data-bs-`, as in `data-bs-interval=""`.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Name | Type | Default | Description |
|
||||
| --- | --- | --- | --- |
|
||||
| `interval` | number | `5000` | The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. |
|
||||
|
|
@ -299,7 +299,7 @@ var carousel = new bootstrap.Carousel(myCarousel, {
|
|||
})
|
||||
```
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Method | Description |
|
||||
| --- | --- |
|
||||
| `cycle` | Cycles through the carousel items from left to right. |
|
||||
|
|
@ -323,7 +323,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">`).
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event type | Description |
|
||||
| --- | --- |
|
||||
| `slide.bs.carousel` | Fires immediately when the `slide` instance method is invoked. |
|
||||
|
|
|
|||
|
|
@ -132,7 +132,7 @@ var bsCollapse = new bootstrap.Collapse(myCollapse, {
|
|||
})
|
||||
```
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Method | Description |
|
||||
| --- | --- |
|
||||
| `toggle` | Toggles a collapsible element to shown or hidden. **Returns to the caller before the collapsible element has actually been shown or hidden** (i.e. before the `shown.bs.collapse` or `hidden.bs.collapse` event occurs). |
|
||||
|
|
@ -146,7 +146,7 @@ var bsCollapse = new bootstrap.Collapse(myCollapse, {
|
|||
|
||||
Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event type | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.collapse` | This event fires immediately when the `show` instance method is called. |
|
||||
|
|
|
|||
|
|
@ -872,7 +872,7 @@ Note when `boundary` is set to any value other than `'scrollParent'`, the style
|
|||
|
||||
### Methods
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Method | Description |
|
||||
| --- | --- |
|
||||
| `toggle` | Toggles the dropdown menu of a given navbar or tabbed navigation. |
|
||||
|
|
@ -889,7 +889,7 @@ All dropdown events are fired at the `.dropdown-menu`'s parent element and have
|
|||
|
||||
`hide.bs.dropdown` and `hidden.bs.dropdown` events have a `clickEvent` property (only when the original Event type is `click`) that contains an Event Object for the click event.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event type | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.dropdown` | Fires immediately when the show instance method is called. |
|
||||
|
|
|
|||
|
|
@ -436,7 +436,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.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event type | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.tab` | This event fires on tab show, but before the new tab has been shown. Use `event.target` and `event.relatedTarget` to target the active tab and the previous active tab (if available) respectively. |
|
||||
|
|
|
|||
|
|
@ -865,7 +865,7 @@ var myModal = new bootstrap.Modal(document.getElementById('myModal'), {
|
|||
|
||||
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">`).
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.modal` | This event fires immediately when the `show` instance method is called. If caused by a click, the clicked element is available as the `relatedTarget` property of the event. |
|
||||
|
|
|
|||
|
|
@ -629,7 +629,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.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event type | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.tab` | This event fires on tab show, but before the new tab has been shown. Use `event.target` and `event.relatedTarget` to target the active tab and the previous active tab (if available) respectively. |
|
||||
|
|
|
|||
|
|
@ -202,7 +202,7 @@ Options for individual popovers can alternatively be specified through the use o
|
|||
|
||||
### Events
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.popover` | This event fires immediately when the <code>show</code> instance method is called. |
|
||||
|
|
|
|||
|
|
@ -216,7 +216,7 @@ var tooltip = bootstrap.Tooltip.getInstance(exampleTriggerEl) // Returns a Boots
|
|||
|
||||
### Events
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Event | Description |
|
||||
| --- | --- |
|
||||
| `show.bs.tooltip` | This event fires immediately when the <code>show</code> instance method is called. |
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ To hide elements simply use the `.d-none` class or one of the `.d-{sm,md,lg,xl,x
|
|||
|
||||
To show an element only on a given interval of screen sizes you can combine one `.d-*-none` class with a `.d-*-*` class, for example `.d-none .d-md-block .d-xl-none .d-xxl-none` will hide the element for all screen sizes except on medium and large devices.
|
||||
|
||||
{{< bs-table "table" >}}
|
||||
{{< bs-table >}}
|
||||
| Screen size | Class |
|
||||
| --- | --- |
|
||||
| Hidden on all | `.d-none` |
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue