0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Commit Graph

1143 Commits

Author SHA1 Message Date
Julien Déramond
137c932e47 Docs: standardize usage of <kbd> 2022-10-12 11:45:46 -07:00
naitsirch
7a2f7b06ce Improve example of .flex-wrap and -reverse
The current example of `.flex-wrap` and `.flex-wrap-reverse` does not really show the difference between those two utilities, because every item is labelled 'Flex item'.

With the added numbers it is more clear what happens and how `.flex-wrap-reverse` works.
2022-10-12 11:45:13 -07:00
Daniel Raymond
708a3a0e39
Utilities for overflow and object fit (#36848)
* Added "overflow-x" and "overflow-y"

- Having the same properties as overflow but for just the x and y axises
- Usecase being I want my y axis to be scrollable but not my x axis
- E.g a card with a vertical list of items.

* Added "object-fit" utilities

- The CSS object-fit property is used to specify how an <img> or <video> should be resized to fit its container.
- A responsive alternative to using background-img for a resizable fill/fit image.

* Updated documantation for the overflow utilities

- Now includes docs for `overflow-x` and `overflow-y` utilities

* Placeholder shortcode updated

- Can now choose to render an img tag or svg
- The image contains a base64 svg generated within the template
- example shortcode updated to detect, replace and render preview of 'img' tags as well

* New documentaion for Object Fit added

- Documentation added for the 'object-fit' util

* Updated spell checks issues

* Update object-fit.md

* Update overflow.md

* Update object-fit.md

* Updated markup to address HTML Validation Errors

- error: Bad value  for attribute "src" on element "img": Illegal character in scheme data: space is not allowed.
- info warning: Self-closing tag syntax in text/html documents is widely discouraged; it's unnecessary and interacts badly with other HTML features (e.g., unquoted attribute values). If you're using a tool that injects self-closing tag syntax into all void elements, without any option to prevent it from doing so, then consider switching to a different tool.

* Updated Fix

- Added Legibility to the img markup (example.html)
- Fixed issue with example not working properly (because image closing tag no longer has "/>" )

* update values by step of 0.25 in bundlewatch.config

The following values in .bundlewatch.config.json have been updated:
- ./dist/css/bootstrap-utilities.css
- ./dist/css/bootstrap-utilities.min.css
- ./dist/css/bootstrap.css
- ./dist/css/bootstrap.min.css

Co-authored-by: Daniel O <dobiekwe@byteworks.com.ng>
Co-authored-by: Mark Otto <otto@github.com>
2022-10-06 13:14:11 -07:00
João Tomás
4822984e19 Fix button hover color in cover example
Replaced .btn-secondary class with .btn-light
2022-10-06 13:12:09 -07:00
Julien Déramond
8291746dd4 Rename examples CSS/JS files for consistency 2022-10-06 13:03:55 -07:00
franko553
ebf053b792
Correct typo in documentation for hiding elements (#37250) 2022-10-04 09:24:52 +03:00
Julien Déramond
b1185b91ea
Add new border-radius utilities (#36540)
* Add new border-radius utilities

* Fix bundlewatch

* Fix bundlewatch again

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-10-03 11:52:41 -07:00
Christian Oliff
b2f5cf9c43 Minor grammatical fixes
REF:
https://en.wikipedia.org/wiki/Ajax_(programming)
https://en.wikipedia.org/wiki/Server-side
2022-10-03 06:33:52 -07:00
Patrick H. Lauke
0a5f6e078c
Use <h1> for all modal-title examples/uses (#37210)
* Use `fs-` font sizing classes where needed
* Also add info callout about heading hierarchy in modals
2022-10-02 13:02:36 +03:00
XhmikosR
da0fe8c8b2
Minor docs changes (#37215) 2022-09-27 23:02:55 +03:00
GeoSot
aedd7fb9de
Docs: Add informative note for Tooltip/Popover selector option (#37142)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2022-09-14 22:03:39 +02:00
Gabriel R. Barbosa
9af1232c65
Docs: Fix typo Getting Started > Vite and Webpack guides (#37153)
* 'were to look' → 'where to look'

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2022-09-14 21:28:10 +02:00
Julien Déramond
4600a25404
Docs: minor fix for Navbar > Offcanvas examples (#37145) 2022-09-14 16:11:14 +03:00
louismaximepiton
a329575d82 Set up a resuming table such as what's in other components. 2022-09-02 11:49:24 -07:00
Mark Otto
54b4b2c66a Improve language around vertical grid gutters 2022-09-01 17:17:14 -07:00
Mark Otto
2793637837 Make docs clearer by dropping precompiled for compiled 2022-09-01 12:15:59 -07:00
charlesroelli
4f97d8fabd
Document how to extract CSS, SVG for strict CSP (#36587)
* Webpack: explain how to extract CSS from bundle

* Webpack: explain how to extract SVG from bundle

* Update webpack.md

Co-authored-by: Mark Otto <otto@github.com>
2022-09-01 12:14:07 -07:00
Philip Wedemann
b5f2d5a31e Replace wrong mobile OS Windows with iOS 2022-09-01 12:07:08 -07:00
louismaximepiton
77e17e3b8d Fix 2022-09-01 11:35:55 -07:00
Mark Otto
a12453a0ff Fix padding on starter template 2022-08-31 20:22:42 -07:00
Florian Lacreuse
87aaf94996
Add default select example in cheatsheet (#36877)
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-08-31 18:19:45 -07:00
Julien Déramond
a138bc3fb9 More consistency for CSS/Sass vars doc for components with dark variants 2022-08-31 18:15:11 -07:00
Julien Déramond
465cc2da4f Docs: improve cards image overlays markup 2022-08-31 18:10:55 -07:00
louismaximepiton
15318674fb Change offcanvas to be more consistent with carousel and dropdown 2022-08-31 18:03:08 -07:00
Louis-Maxime Piton
29332a954f
Docs: Fix js options to what is really inside js (#37019) 2022-08-31 16:50:54 +03:00
Vipin Mishra
9e57dfadac
Added new example in examples/features page. (#36660)
* Added new example in examples/features

* Fix indentation, other suggested changes from review

* fix: heading structure
2022-08-03 21:52:41 -07:00
Hadouin
e57a94cd66 Docs: add grid-row-columns variable
#36691
2022-08-03 14:12:15 -07:00
Patrick H. Lauke
4018fac20e Expand popover custom container explanation
mention the scenario of popovers inside modals - see https://github.com/twbs/bootstrap/issues/36692#issuecomment-1178261690
2022-08-03 11:24:20 -07:00
Matthew West
7432f2a922 Fix docs typo of .form-checkbox -> .form-check
The class `.form-checkbox` is not used in Bootstrap and here it should say `.form-check` (as shown in the example below).
2022-08-01 09:02:24 -07:00
Julien Déramond
17aa6732ab
Fix typos after #36762 (#36771) 2022-07-29 21:49:01 +02:00
GeoSot
db86607c08
ScrollSpy: make the threshold option configurable (#36750)
* feat(ScrollSpy): make the threshold option configurable
2022-07-28 11:58:28 +03:00
Mark Otto
90c50ab198
Fixes #36770: Add navbar image alt text (#36850) 2022-07-28 07:51:08 +02:00
Mark Otto
501faa2c96
Simplify social images and add ability to set per-page images (#36804)
* Simplify social images and add ability to set per-page images

- Removes the homepage summary layout in favor of the larger image card (makes it more consistent with other pages)
- Reuses new thumbnails for Webpack, Parcel, and Vite guides to add their new social images

* Update default social card

* Change description to subtitle, add longer description to match homepage

* Remove social_image_path, use inline conditions for social images
2022-07-26 09:25:47 -07:00
Mark Otto
00aa1a5c6e
Remove Slack from site and repo docs (#36825)
* Remove Slack from site and repo docs

* Apply suggestions from code review

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-07-25 15:47:14 -07:00
louismaximepiton
dc901d25fa Adding missing offcanvas added-in shortcode 2022-07-25 15:50:53 -06:00
louismaximepiton
01bf7a9b86 Adding missing borders added-in shortcode 2022-07-25 15:50:53 -06:00
Julien Déramond
14e705d9ae
Docs: Redirect users to different templates of issues rather than an empty one (#36827) 2022-07-25 19:19:11 +02:00
Julien Déramond
99cd8ca8a0
Docs: use added-in shortcode in Offcanvas (#36836) 2022-07-25 19:11:44 +02:00
Christian Oliff
e547c9c2e9
Docs: fix Markdown link in Tooltips (#36839) 2022-07-25 19:07:42 +02:00
Patrick H. Lauke
7688c84b8a Correct heading levels in features example
to keep the look the same, added `fs-...` sizing classes where necessary
2022-07-25 08:49:06 -06:00
campersau
b6d27899fc
Rename scrollspy to toast in toast.md (#36819) 2022-07-23 01:56:02 +03:00
Marc Wrobel
eae51cdf32 Fix various small typos in documentation (#36762) 2022-07-18 13:30:41 -07:00
Nils K
9d5c834f94 Fix indentation in code sample 2022-07-17 20:53:28 -07:00
Mark Otto
71cbb88f09
Support input groups in floating forms (#36759)
* Support input groups in floating forms

* Update bundlewatch

Co-authored-by: 719media <ben@719media.com>
2022-07-17 20:50:41 -07:00
Julien Déramond
ed448925da
Docs: same text for disabled ranges and disabled form controls (#36741) 2022-07-16 10:29:51 +02:00
Patrick H. Lauke
8bb68b04b3
Add accNames to all progress bar examples (#36732)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Abdullah Alaqeel <abdullah.t.aqeel@gmail.com>
2022-07-13 23:31:15 +02:00
Christian Oliff
b5910674da
Docs: Capitalize Unicode (#36734) 2022-07-13 17:27:16 +02:00
GeoSot
62b3d3cc68
Add some details for non visible scrollspy elements (#36625)
* docs: add some details for non visible scrollspy elements

* Apply suggestions from code review

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* fix selectors on snippet

* Fix paragraph by a native speaker

Co-authored-by: Mark Otto <markd.otto@gmail.com>

* Update scrollspy.md

* Move from warning to own section

* Update scrollspy.md

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-07-11 16:17:53 -07:00
Julien Déramond
a1224482f2
Add $display-font-family and $display-font-style (#36711) 2022-07-11 23:16:33 +02:00
Julien Déramond
5235f8eb04 Fix 'Remove from map' Sass description 2022-07-11 00:59:42 -07:00
Julien Déramond
3eb6265b65
Docs: fix description on how to alter display values (#36712) 2022-07-10 08:37:47 +02:00
Julien Déramond
6cf72530ed
Docs: add indeterminate disabled checkbox example (#36674) 2022-07-06 07:43:38 +02:00
Julien Déramond
22c7503c88
Docs: alphabetical reorder of some events/methods in tables (#36669) 2022-07-06 07:33:28 +02:00
Julien Déramond
547aa099ea
Docs: fix some ScrollSpy HTML copyable codes (#36672) 2022-07-05 13:45:30 +02:00
Neeraj Kumar Das
f2692b1c58
Added examples for Radios in List Group (#36644)
* Add examples for Radios in List Group
* Reduce the number of checkboxes and radios to 3 for consistency
Drop aria-label on inputs and use label
Use class stretched-link on labels to cover the whole list group item
Check the first radio by default
Remove radios from streched link examples


Co-authored-by: Julien Déramond <juderamond@gmail.com>
2022-06-30 22:58:28 +03:00
Christian Oliff
4082a3b52d update Lighthouse URL
saves a HTTP redirect :-)
2022-06-30 22:25:32 +03:00
Tech Vanity
d4aee02458
Fix dashboard example so that the sticky sidebar has scrollable content (#36608) 2022-06-29 18:33:23 +02:00
Julien Déramond
a877c5d04a
Fix popover live demo to use data-bs-title instead of title (#36613) 2022-06-21 07:39:15 +02:00
Julien Déramond
cfabeb71fa
Fix StackBlitz Popovers and Tooltips examples (#36449)
* Fix StackBlitz Popovers and Tooltips examples

* Rename shortcode example parameters

* Reorder example shortcode doc params + fix Cspell

* Remove 'stackblitz' param + use data-bs-title instead of title

* Update site/layouts/partials/callout-warning-data-bs-title-vs-title.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-06-20 07:19:47 -07:00
Mark Otto
24d79fe74c
Add example of dark navbar and offcanvas to docs (#36510) 2022-06-15 07:41:39 -07:00
Mark Otto
ac0b87b207
Don't style readonly inputs as disabled (#36499)
* Don't style readonly inputs as disabled

Also remove the Chrome-specific focus styling from readonly plaintext

* Update some docs comments
2022-06-14 07:25:49 -07:00
GeoSot
fc24f8788f
Carousel: Remove redundant reference to interval=false from docs (#36545)
* docs: remove redundant reference to `interval=false`

* docs: remove redundant reference to `interval=false` from tests

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-06-14 16:17:28 +03:00
Sam Magura
1b31f84916 Document BootstrapVue being outdated 2022-06-13 08:41:50 -07:00
Mark Otto
a9ef305b81 Fixes #36550 2022-06-13 08:31:59 -07:00
Jeremy Thompson
0a3864641b Add .active navbar breaking change to 5.0 docs 2022-06-08 15:44:29 -07:00
Julien Déramond
5b0bf3f49a
Docs: Add a Vite Getting Started guide (#36412)
* Docs: Add a Vite Getting Started guide

* Fix npm run docs temporarily

* Fix cspell and lint

* Uncomment the 2nd part

* .

* Make it work without dist

* Updates after merges of Parcel/Webpack guides rewriting

* Update images

* Replace dev images

* Compress the new images better

* Update site/content/docs/5.2/customize/optimize.md

Co-authored-by: Mark Otto <otto@github.com>

* Update site/content/docs/5.2/getting-started/vite.md

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2022-06-04 09:42:32 -07:00
Patrick H. Lauke
8965b11dd5
Remove confusing unnecessary id/aria-labelledby for dropdown menus (#36487)
see https://github.com/twbs/bootstrap/discussions/35755

Note that even the APG guide for disclosure widgets doesn't use this optional "nice-to-have" extra bit https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ (though they do use `aria-controls`, which in most current browser/AT combos is borked though)
2022-06-03 11:18:22 +01:00
Patrick H. Lauke
3102b4a3e9
Update some WCAG links, expand sass.md contrast explanation (#36489) 2022-06-03 10:42:49 +01:00
Julien Déramond
6d5a70340d
Docs: fix some ARIA Authoring Practices Guides broken links (#36488)
* Docs: fix some ARIA Authoring Practices Guides broken link
2022-06-02 22:10:22 +01:00
Julien Déramond
29766b2db2 Docs: fix Reboot Horizontal rules using border utilities 2022-06-01 14:14:06 -07:00
Julien Déramond
ef3ecaf997
Docs: Use example shortcode for all Button groups (#36450) 2022-05-30 07:27:48 +02:00
GeoSot
651dae6d0f
Add some details on "javascript" page (#36363)
* docs: Add more details on "getting-started -> javascript" page & group jQuery stuff

* Update after feedback

* Rewrite some content

- Shorten copy here and there
- Reduce some callouts that are entire sections with h2 headings
- Re-arrange a couple things

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-05-27 19:06:07 -07:00
Julien Déramond
8b85267739
Fix StackBlitz examples by embedding snippets.js when needed (#36352)
* Fix StackBlitz examples by embedding snippets.js when needed

* Fix Popovers

* Fix tooltips

* Fix Toasts

* Add comment sections

* Fix Alerts

* Indeterminate heckboxes + classes handling

* Nothing to do for links

* Fix modals

* Nothing to do for Offcanvas

* Remove correctly .bd-example

* Add body .p-3 for all StackBlitz examples
2022-05-26 14:29:08 -07:00
Mark Otto
23c4a96726
Update import order for utilities API docs (#36444)
* Update import order for utilities API docs

* Add more complex examples, clarify things

* typo
2022-05-26 14:11:27 -07:00
Mark Otto
461596e5ea
Add docs info for using JS w/ ESM shim (#36414)
* Docs: dependencies mgmt for vanilla ESM in browser

Doc change for https://github.com/twbs/bootstrap/issues/31944

* Update javascript.md

* Update javascript.md

* Update .cspell.json

* Update javascript.md

* Update javascript.md

* rewrite

* Add link

* edit

* eslint-skip

Co-authored-by: Caspar MacRae <earcam@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-05-24 10:52:46 -07:00
Louis-Maxime Piton
dea14df8ca
CSS: doc fixes (#36425)
* Remove unused attributes

* Use utilities rather than using new CSS

* Removed unused class

* Change StackBlitz icon `aria-label` + small inconsistency
2022-05-24 10:39:57 -07:00
Mark Otto
d17fe26dcf
Rewrite Parcel guide (#36411)
* Rewrite Parcel guide

* update to match latest webpack guide, add images

* eslint-skip

* Apply suggestions from code review

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* match parcel to webpack, share footer, consistent use of no ;

* Update site/content/docs/5.2/getting-started/parcel.md

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* edits from code review

* Add custom images

* add image compression action from blog

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-05-22 17:47:01 -07:00
汪心禾
8d87997303 Remove is-invalid from textarea validation example 2022-05-21 10:18:16 -07:00
Mark Otto
3a327c9015
Rewrite Webpack guide (#36382)
* Rewrite Webpack guide

Co-Authored-By: GeoSot <geo.sotis@gmail.com>
Co-Authored-By: Julien Déramond <17381666+julien-deramond@users.noreply.github.com>

* rewrite some pieces

* eslint-skip

Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: Julien Déramond <17381666+julien-deramond@users.noreply.github.com>
2022-05-20 13:43:30 -07:00
Mark Otto
eaf760e4bc
Update form-control-color sizing and styles (#36156) 2022-05-20 11:02:32 -07:00
Louis-Maxime Piton
e2e107fc72
CSS: few proposals (#36406)
* Something to try about `!important` in color-bg helper

* Better understanding border utility `.border-*-0`

* Having rounded numbers of px
2022-05-20 10:28:31 -07:00
Louis-Maxime Piton
8959bf3f0b
Docs: quick fixes for HTML (#36395)
* Using the new helper in the doc

* Remove input from `Tab` access

* Change scrollspy code examples

* Reordering tables for JS

* Fix for parcel file

* Center align all the code example texts in layout

* Alphabetical reorder the helpers
2022-05-20 10:21:48 -07:00
Liam
73e45ee36c Update introduction.md
Juste a quotation mark.
2022-05-20 09:38:34 -07:00
Christian Oliff
da541014cb Correct rounded sizes number 2022-05-16 07:14:42 -07:00
XhmikosR
ab37f63b3d docs: add the version in npm/yarn commands 2022-05-13 20:16:05 +03:00
Mark Otto
f7e8ca91e0 Prepare v5.2.0-beta1 2022-05-13 19:44:01 +03:00
Julien Déramond
88a6610895 Minor changes in 'Usage with JavaScript frameworks' description 2022-05-11 12:06:48 -07:00
Julien Déramond
bbda152cd9 Remove unused .border-right rule from modal example CSS file 2022-05-11 11:29:26 -07:00
Julien Déramond
dd19bf2657 Doc: fix text overflow example 2022-05-11 08:28:35 -07:00
cccabinet
795167d822 Fix contents.md 2022-05-10 15:17:29 -07:00
GeoSot
4a682ab00a
Toast: provide isShown method (#36272)
* feat(Toast): provide `isShown` method

* Update site/content/docs/5.1/components/toasts.md

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-05-06 21:29:21 -07:00
GeoSot
92e6856235
Docs(Scrollspy): minor changes to be aligned with new version of javascript (#36260)
* Docs(Scrollspy): minor changes to be aligned with new version of javascript code

* first example: add proper root-margin
* 'nested nav' example: add more content to sections & enable smooth-scroll

* fix typo

* Changes after feedback

* Update examples and docs to streamline some things and improve how it works section

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-05-06 21:23:49 -07:00
GeoSot
f02bdf7c52 docs: add proper markup on modal's page tooltips ands popovers 2022-05-06 20:44:06 -07:00
Mark Otto
bca99232b8
Iterate on border utilities (#36239)
* Remove `--bs-border-opacity: 1` from `.border-*` utilities

We set `--bs-border-opacity: 1` globally at the `:root` level, so redeclaring it on every `.border-*` utility doesn't make much sense. I think we can drop this.

* Remove global border-opacity var, restore on .border-color classes, move .border-color utils down the list to fix some specificity issues

* Add some demos of border utils to the docs
2022-05-05 21:32:02 -07:00
Julien Déramond
5d9500bdfd
Handle disabled focused tabs with tab JavaScript plugin (#36169)
* Handle disabled tabs

* Fix after feedback

* Update js/src/tab.js

Co-authored-by: GeoSot <geo.sotis@gmail.com>

* Update js/src/tab.js

Co-authored-by: GeoSot <geo.sotis@gmail.com>

* Commit suggestions via GitHub broke the thing

* Add some unit tests

* Remove temp doc modification

* Add tests for left arrow

* Add disabled tabs in JavaScript Behavior section

* Compact 4 tests to 2 tests

* Compact 4 tests to 2 tests

* Add 'disabled' attribute for all buttons

* Change the disabled pane position only for the vertical version

* Change ids for the confusing first example in JavaScript behavior

* Use disabled attribute instead of the class for buttons in tabs

Co-authored-by: GeoSot <geo.sotis@gmail.com>
2022-05-05 19:26:15 -07:00
Mark Otto
a078b5e0b9 include in migration guide 2022-04-30 12:55:27 -07:00
Mark Otto
1ac2997cf6 Update badges, cards, and toasts to use new helpers 2022-04-30 12:55:27 -07:00
Mark Otto
8cd3c3e3bc Add new text-bg-color utilities 2022-04-30 12:55:27 -07:00
Julien Déramond
ec41392717 Doc: remove role="group" from some split drop* buttons 2022-04-30 11:35:44 -07:00
Mark Otto
55be3c3fc2
Update new docs version picker to work on home and examples pages (#36245)
* Update new docs version picker to work on home and examples pages

* Add addd key to opacity page

* Add more added frontmatter

* Update picker to fix migration guide links, but still work for docs and examples
2022-04-30 10:53:54 -07:00
汪心禾
207ddbee49 Update path to @popperjs/core in parcel.md
-│   └── popper.js/
+│   └── @popperjs/
+|       └── core/
2022-04-30 10:41:18 -07:00
Mark Otto
7745730e41
Revert border-color change (#36238)
* Revert `border-color` change

* Add new border-color-translucent for when we want optional alpha-transparency in our border-color

Apply to drodpowns, modals, offcanvas, popovers, and toasts

* bundlewatch
2022-04-29 13:59:41 -07:00
Sam Magura
ebb1f485d3
Document incompatibilities between Bootstrap JS and React/.etc (#36217)
* Document incompatibilities between Bootstrap JS and React/.etc

Closes #35665.

* Remove link to reactstrap

* Update javascript.md

Co-authored-by: Mark Otto <otto@github.com>
2022-04-29 13:38:30 -07:00
Julien Déramond
3143824ea4 Doc: mention Popper instead of Popper.js 2022-04-28 18:37:01 -07:00
Julien Déramond
a2edb2afb8 Doc: fix offset content for examples page 2022-04-28 18:32:22 -07:00
GeoSot
00d45b11e7
Docs: update documentation js examples, using es6 (#36203)
* Docs: update components documentation using es6

* Docs: update js blocks around docs, using es6

* Docs: update components documentation using es6

* Test linter
2022-04-26 09:38:41 -07:00
Mark Otto
9a614a7e1d Add .show class to offcanvas example, and disable it's normal behavior in our JS 2022-04-21 19:56:05 -07:00
GeoSot
554736834d
Carousel: Fix not used option (ride), simplify cycle method (#35983)
* Fix not used option (`ride`)  (according to docs), continuing of #35753 a247fe9
* separate concept of  `programmatical cycle`  vs `maybe cycle after click` functionality
2022-04-21 22:42:17 +03:00
GeoSot
584600bda3
Manipulator: Add JSON parse support (#35077)
Support parsing JSON from each component's main element using the `data-bs-config` attribute.

The `bs-config` attribute will be reserved and omitted during `getDataAttributes` parsing.

With this commit, every component, will create its config object, using:

* defaults
* data-bs-config
* the rest of data attributes
* configuration object given during instance initialization

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-04-21 21:41:43 +03:00
Julien Déramond
01cffa6822
Doc: minor modifications in Scrollspy (#36195)
Doc: minor modifications in Scrollspy
2022-04-21 19:20:24 +03:00
Mark Otto
fc87624a50
Rewrite Getting Started > Introduction page to be more guide-like (#36204)
* Rewrite Getting Started > Introduction page to be more guide-like

* Add tabs, mention offcanvas for navbar
2022-04-20 22:27:28 -07:00
louismaxime.piton
1dc59b0d4e Minor fixes 2022-04-20 12:35:26 -07:00
Mark Otto
e089aef00f
Refactor some docs examples CSS (#36194)
* Fix some more borders and margins

* Flex utilities docs: remove .bd-highlight class from snippets

* Explicit close target

* Reorder to keep base class up top

* Fix custom position example

* Tooltips: add code snippet, use scss-docs ref for custom tooltip

* Tweak text for pagination examples

* Modals: move custom styles to utilities

* Grid docs: Combine selectors and share coloring

* Refactor tons of little things
2022-04-19 11:21:43 -07:00
Julien Déramond
9ec51f4499 Realign Cheatsheet nav tabs example rendering with the examples in the doc 2022-04-19 10:51:52 +03:00
Mark Otto
3362c8cf13
Do some CSS and Migration guide cleanup (#36191)
* Do some CSS and Migration guide cleanup

- More code snippet tweaks
- Fix some homepage hero bugs
- Do a cleanup on Migration guide content to highlight more changes and fix some issues from merge conflicts
2022-04-18 20:56:18 -07:00
Toto
5602093c7b change .border-right to .border-end 2022-04-18 16:56:11 +03:00
Mark Otto
195440f2fb
v5.2.0 design refresh, plus responsive offcanvas classes (#35736)
* Add responsive offcanvas classes

- Updates navbar-expand classes to de-dupe some styles—these shouldn't interfere now.
- Adds some JS to the offcanvas component to help with responsiveness

Co-Authored-By: GeoSot <geo.sotis@gmail.com>

* Redesign homepage, docs, and examples

Homepage:

- New Bootstrap purple navbar
- Redesigned masthead
- Rewrote and redesigned homepage content
- Replace Copy text with icons like Bootstrap Icons site across all ClipboardJS instances
- Fixed padding issues in site footer
- Match homepage button styles to examples page, use gap instead of tons of responsive margin utils

Docs:

- New navbar, no more subnav. Migrated search and version picker into the main navbar and refreshed the design of it all, including the responsive toggles.
- New sidebar navigation is always expanded, and now features Bootstrap Icons alongside section headings
- Sidebar navigation autoscrolls to active link for better usability
- Subnav and navbar padding issues ironed out
- Enhanced the version picker in anticipation of v5.2: we can now link right to the same page in the previous version.
- Redesign callouts to add more color to our pages
- Collapse table of contents on mobile
- Cleanup and redesign button styles with CSS variables
- Update design for subnav version dropdown
- Update highlight and example to be full-width until md
- Improve the Added In badges
- Turn the ToC into a well on mobile
- Redesign code snippets to better house two action buttons

Examples:

- Redesign Examples page layout
- Add new example for responsive offcanvases in navbars

* Convert offcanvas to CSS vars

* Feat: add resize handler to Offcanvas.js.

If we could use as default the `.offcanvas` class without modifiers, we then, could add a simplified selector
The selector itself, ignores the .offcanvas class as it doesn't have any responsive behavior
The `aria-modal` addon is to protect us, selection backdrop elements

* Separate examples code, Add some selectors, fix stackblitz btn

Co-authored-by: GeoSot <geo.sotis@gmail.com>
2022-04-17 22:17:50 -07:00
MelanieL
26ea6f1649 Fix containers page in docs to re-order list so it matches sections below it. 2022-04-16 22:37:11 -07:00
Julien Déramond
d059c1d5ba
Doc: Uniformization of nav tabs content panes (#36163)
* Doc: Uniformization of nav tabs content panes

* Fix after review
2022-04-13 14:56:29 -07:00
GeoSot
ece1601227
Revamp Scrollspy using Intersection observer (#33421)
* Revamp scrollspy to use IntersectionObserver

* Add smooth scroll support

* Update scrollspy.js/md

* move functionality to method

* Update scrollspy.js

* Add SmoothScroll to docs example

* Refactor Using `Maps` and smaller methods

* Update scrollspy.md/js

* Update scrollspy.spec.js

* Support backwards compatibility

* minor optimizations

* Merge activation functionality

* Update scrollspy.md

* Update scrollspy.js

* Rewording some of the documentation changes

* Update scrollspy.js

* Update scrollspy.md

* tweaking calculation functionality & drop text that suggests, to deactivate target when wrapper is not visible

* tweak calculation

* Fix lint

* Support scrollspy in body & tests

* change doc example to a more valid solution

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2022-04-13 10:29:13 -07:00
Anthony Perez
1fed10dfb1 Update parcel.md
Following the Parcel v1 installation guide seems to install the latest version of Parcel (v2), which makes several instructions in this guide throw errors. Therefore, I have updated the guide to work with version 2 of Parcel.

Change Details:
1) Update the URL to point to the latest doc pages.
2) Use the `type="module"` HTML attribute to reference a module [migration](https://parceljs.org/getting-started/migration/#code-changes)
3) The `--out-dir <dir>` CLI parameter has been changed to `--dist-dir <dir>` [CLI](https://parceljs.org/features/cli/#parameters)
4)  For a reason I'm unsure of, `--experimental-scope-hoisting` throws the following error: `error: unknown option '--experimental-scope-hoisting'`, so I removed it to get the build to work.
2022-04-12 21:14:54 -07:00
louismaxime.piton
3984ebb407 Fix proposal 2022-04-12 18:36:50 -07:00
GeoSot
8aaeb3cb6b
Remove tooltip and popover styling as it is handled by Popper (#34627)
* Remove not needed css form tooltip & popover as it is made by popper
Remove tooltip margin variable, as popper needs margin to be zero

* Remove popover left/top initializers as they are handled by popper

* nullify `margin` variable and add deprecation message

* Document change in migration guide

* Update _variables.scss

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-04-12 18:16:18 -07:00
Anton
33992b7d5b
Change second example dropdown form (#36137)
To check cases as #36135
2022-04-12 18:08:12 +03:00
Tiger Oakes
fe257823ec
Use Babel and ES6 in docs JS files (#31607)
* Pass docs js through Babel

* Use ES6 in docs js

* Only run babel on src files

* Allow babel in Hugo

* Update scripts.html

* Inherit from the root .eslintrc.json

* Use `Array.from`

* Drop Babel from docs

* Prefer template

* replace IIFE with arrow functions

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: GeoSot <geo.sotis@gmail.com>
2022-04-12 18:07:25 +03:00
Julien Déramond
3c78f772d5 Doc: fix modals and navs CSS vars description 2022-04-11 09:46:20 -07:00
XhmikosR
7648848e04
Update devDependencies (#36120)
* Update devDependencies

* @babel/core                ^7.17.8  →  ^7.17.9
* @popperjs/core             ^2.11.4  →  ^2.11.5
* clean-css-cli               ^5.5.2  →   ^5.6.0
* eslint-plugin-import       ^2.25.4  →  ^2.26.0
* find-unused-sass-variables  ^4.0.3  →   ^4.0.4
* karma-rollup-preprocessor   ^7.0.8  →   ^7.0.7
* sass                      ^1.49.11  →  ^1.50.0
* stylelint                   14.2.0  →  ^14.6.1

* Fix currentcolor case
2022-04-08 09:17:00 +03:00
Mark Otto
dab026fc2b Revert border-color utilities to use the CSS property instead of the variable 2022-04-07 09:37:04 -07:00
Julien Déramond
5b31463e35 Doc: Reorder alphabetically lists of components 2022-04-06 16:48:08 -07:00
GeoSot
135b9cdff2
Revamp tabs & follow ARIA 1.1 practices (#33079)
* Tab: Revamp tab.js & add support Aria features

* Tab: Add tab support, just to keep backwards compatibility. Better to remove it on v6

* Revert "Tab: Add tab support, just to keep backwards compatibility. Better to remove it on v6"

* Support arrow down/up functionality

* add prevent default to avoid scrolling the page during up/down keys handling

* remove panel tabindex handling

* Expand documentation text for JS plugin

* Rearrange new docs to specifically call out a11y

* properly place section

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-04-06 16:36:08 -07:00
Mark Otto
0323fe99d2
Fix for missing CSS variables on .navbar-nav (#36105)
* Fix for missing CSS variables on .navbar-nav

* Document new CSS vars on .navbar-nav
2022-04-06 13:08:07 -07:00
louismaxime.piton
8006203e47 Doc fixes 2022-03-31 14:27:09 -07:00
Julien Déramond
16711ff5b1 Fix duplicate .rounded-* and .fw-semibold defs in examples 2022-03-31 14:00:10 -07:00
Mark Otto
e342142b61
Train PR: CSS variables for accordion, cards, navs, and modals (#36071)
* Convert accordion to CSS vars

* Update accordion.md

* Convert navs to CSS variables

* Split up CSS vars

* bundlewatch

* fix vars

* Convert cards to CSS vars

* Convert modals to CSS variables

* Bundlewatch

Co-authored-by: Geremia Taglialatela <tagliala.dev@gmail.com>
2022-03-28 15:05:37 -07:00
Mark Otto
0eb808015f
Convert list group to CSS variables (#35862)
* Convert list-group to CSS vars

* bundlewatch
2022-03-22 10:02:12 -07:00
Mark Otto
9e73b6a13c
v5.2.0 migration updates (#36038) 2022-03-19 11:58:22 -07:00
Ryan Buckley
fbf64406df
Fix migration guide typos (#36040)
* Correct font-weight semibold utility class name

* Tiny sentence correction
2022-03-19 11:18:45 -07:00
Mark Otto
88bd287b27
Convert progress bars to CSS variables (#35962)
* Convert progress bars to CSS variables

* bundlewatch
2022-03-18 09:02:03 -07:00
Mark Otto
b165f35f78 Add another list-group snippet example 2022-03-17 14:52:29 -07:00
Mark Otto
a4841afa26
Convert toasts to CSS variables (#35961)
* Convert toasts to CSS variables

* bundlewatch
2022-03-17 14:48:36 -07:00
Mark Otto
71582eabff
Convert spinners to CSS variables (#35960)
* Convert spinners to CSS variables

* bundlewatch
2022-03-17 13:49:57 -07:00
Mark Otto
a9a89debc7
Rewrite docs tables in Markdown with table shortcode (#31337)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: GeoSot <geo.sotis@gmail.com>
2022-03-14 09:38:04 +02:00
Sabrus
8fe82c7176 Remove duplicate entry in migration.md 2022-03-13 18:37:32 -07:00
Mark Otto
70cb00c349 Add v5.1.0 to migration guide, update v5.2.0 additions 2022-03-13 10:16:42 -07:00
Mark Otto
acf6ea74a7
Add additional root variables, rename $variable-prefix to $prefix (#35981)
* Add additional root variables, rename $variable-prefix to $prefix

- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout

* Bundlewatch
2022-03-13 10:13:09 -07:00
Mark Otto
7c966f5848
Convert added in badges to shortcode (#36007) 2022-03-12 07:27:58 +02:00
Mark Otto
e567d511d4 Convert breadcrumb to CSS variables 2022-03-11 12:59:55 -08:00
Mark Otto
d16088d5d1
Redesign the "Added in" badges in the docs (#35980)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-03-11 21:29:52 +02:00
Mark Otto
c73480c636 Adjust border-radius values and add some new utilities
- Updates global border-radius values for a more modern appearance
- New .fw-semibold
- New .rounded-4 and .rounded-5
2022-03-11 09:10:37 -08:00
Julien Déramond
5bdd5e02a4
docs: add missing .dropup in dropup centered example (#35948) 2022-03-11 16:04:41 +02:00