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

1174 Commits

Author SHA1 Message Date
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
Mark Otto
488e426141 Add migration guide mention 2022-03-08 14:53:53 -08:00
Mark Otto
2e75ec3c41 Convert popovers to CSS variables 2022-03-08 14:53:53 -08:00
Mark Otto
a68e1af2d5 Document new CSS vars in tooltip docs 2022-03-08 14:53:53 -08:00
Mark Otto
fdcbbe3d92 Convert tooltips to CSS vars 2022-03-08 14:53:53 -08:00
Louis-Maxime Piton
050b69b9a2
Remove unneeded classes from toasts docs (#35931) 2022-03-02 16:47:03 +02:00
Jann Westermann
8d7358f231
Add static backdrop to offcanvas (#35832)
* Add static backdrop option,  to offcanvas
* Trigger prevented event on esc with keyboard=false
* Change offcanvas doc , moving backdrop examples to examples section
2022-03-02 02:20:37 +02:00
Gaël Poupard
d788d2efac docs(example): fix RTL carousel example 2022-03-01 13:01:00 -08:00
Mark Otto
c0f30366ac Add centered dropdown and dropup options 2022-02-28 14:02:51 -08:00
Mark Otto
de0dfca9a1 Convert border utilities to CSS variables
- Updates the utilities mixin to check for specific CSS variable names via `css-variable`
- Bonus fix: we now prevent local variables for `0` value utilities (e.g., `.border-top-0` no longer sets `--bs-border-opacity: 1`
- Adds new `.border-opacity-*` classes
- Adds new root variables: `--bs-border-color`, `--bs-border-style`, `--bs-border-width`
- Documents the new variable changes
2022-02-28 11:40:32 -08:00
Mark Otto
e35980d009 Update migration.md 2022-02-28 11:21:53 -08:00
Mark Otto
12d49f19b0 Remove thicker border on table thead elements
Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.

I've applied it by default in another way for our docs tables to help differentiate our content vs our components.

Fixes #35342
2022-02-28 11:21:53 -08:00
Erik Faye-Lund
4ee1465acf Prefer Linux-specific fonts over Arial
Some Linux distributions (like Debian) have fontconfig aliases for Arial
that picks specific fonts. But such generic aliases might be less
desirable than the known-good Linux specific fonts.

This fixes a problem on my setup where Liberation Sans is aliased as
Arial, even when Noto Sans is available. Liberation Sans doesn't support
a weight of 500, so we end up rendering headers at the normal weight of
400, which makes them stand out less. Reordering the Arial fallback
makes us instead pick Noto Sans over Lieration Sans, which does support
a weight of 500, and makes headers stand out again.

While we're at it, fixup the reboot documentation to match, and change
the comment about Helvetica Neue; that's not a "Basic web-fallback" font,
it's the UI font on older iOS and macOS versions.
2022-02-25 18:16:26 -08:00
Julien Déramond
d0b8114462 Remove border of disabled calendar buttons in Dropdowns example 2022-02-25 12:37:27 -08:00
Mark Otto
28d9aaf670
Add z-index for .toast-container (#35859)
* Add z-index for .toast-container

- Adds positioning and z-index to toast container so that it has a system-declared layer in relation to other components.
- Updates docs to use the class better

Fixes $34028

* Remove unnecessary z-index from docs examples
2022-02-25 08:49:02 -08:00
Mark Otto
f1a89bf0d5 Mention form height change in migration guide 2022-02-24 13:14:38 -08:00
Julien Déramond
333d89e498
Docs: replace CSS by utilities in examples (#35699)
* Drop .opacity-50 and .opacity-75 redefinition in examples

* Drop unused .card-img-right from blog example CSS files

* Use line-height utilities when possible

* Use rounded-* utilities in examples

* Replace .nav-underline by .nav-scroller and use it in examples.html default

* Use .mb-1 for .blog-post-title

* Remove unused CSS rule and use .fw-* utilities for carousels examples

* Use utilities for cheatsheet examples

* Extract some CSS to utilities for .nav-masthead .nav-link in cover example

* Dashboard group of minor modifications

* Dropdowns example: refactoring

* Dropdowns example refactoring: fix linting by removing selector by id

* Features example refactoring

* Headers example refactoring

* List groups example refactoring

* Sidebars example refactoring

* Sign-in example refactoring

* Starter template refactoring

* Fix RTL examples

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-02-23 10:31:18 -08:00
Julien Déramond
36765912c6 Replace non-existent --bs-btn-padding by --bs-btn-padding-{x|y} 2022-02-23 10:24:50 -08:00
chefarbeiter
a381ee320b Fix modal doc 2022-02-22 15:12:20 +02:00
Gaël Poupard
37f3977e6d
Rely on border-width for <hr> size (#35491)
* fix(reboot): revert hr styles to v4 implementation

* docs(cheatsheet): add a hr example

* fix(reboot): currentColor is the initial border-color value

* Document hr element in Reboot docs

* Update migration guide

* Update scss/_variables.scss

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-02-22 10:02:47 +02:00
Christian Oliff
9ac8e80660
remove opacity utlitilies from example CSS (#35877)
These are included in Bootstrap itself now

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-02-22 09:39:57 +02:00
Mark Otto
48a7160cf4
Convert pagination component to CSS variables (#35399)
* Convert pagination component to CSS variables

* Use RFS mixin

* Remove the useless fallback
2022-02-16 10:26:24 -08:00
Mark Otto
d568e029da Convert dropdowns to CSS variables 2022-02-14 19:11:35 -08:00
Mark Otto
ef9d8538a0 Convert .btn and mixins to use CSS variables 2022-02-14 19:00:59 -08:00
vpakati
a163ed76d4 Update reboot.md
Add the missing right parenthesis.
2022-02-14 15:03:05 -08:00
Julien Déramond
daefd34693 Fix typo in Badges CSS variables description 2022-02-14 16:10:42 +02:00
Mark Otto
48807758af Fixes #32082
Remove sentence in docs that's no longer needed. Fixes #32082.
2022-02-11 10:06:15 -08:00
Mark Otto
a7942190c7 Bump version callout 2022-02-10 19:51:23 -08:00
Mark Otto
7e71fe7bae Convert .badge to CSS variables 2022-02-10 19:51:23 -08:00
Julien Déramond
d3babf7d7f
Remove remaining .navbar-light classes (#35814)
* Fix typo in CSS variables documentation

* Drop remaining .navbar-light classes
2022-02-09 21:12:08 +02:00
Sebastian Podjasek
0853778eba
Support floating labels on .form-control-plaintext (#32840)
* Support floating labels on `.form-control-plaintext`

* Update floating-labels.md

* Apply suggestions from code review

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2022-02-08 12:38:29 -08:00
Mark Otto
4308b67e59
Add .form-check-reverse modifier class (#33606)
* Add .form-check-reverse modifier class

* Update checks-radios.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-02-08 12:33:39 -08:00
Mark Otto
c9cec89764 Convert navbar to CSS variables
Co-Authored-By: Gaël Poupard <ffoodd@users.noreply.github.com>
2022-02-08 10:39:58 -08:00
Macinto5h
d2986daa12 Add zebra striping for table columns
Co-Authored-By: Macallan Camara <44030647+Macinto5h@users.noreply.github.com>
Co-Authored-By: XhmikosR <xhmikosr@gmail.com>
2022-02-06 15:59:18 -08:00
Sigurd Moland Wahl
4dc4108460 Fixed typo in docs 2022-02-06 14:31:59 -08:00
Florian Lacreuse
957c1dd6ea Fix dropdown docs about autoclose and esc key. 2022-02-03 18:20:47 +02:00
Gaël Poupard
a5483a8a96
Breadcrumb docs: drop confusing currentColor and add new callout (#35434) 2022-02-01 15:37:33 +02:00
Toby Zerner
22bbff0b03
Remove incorrect statement about the disabled attribute on <form> (#35713)
> You can disable every form element within a form with the `disabled` attribute on the `<form>`.

I really want to be mistaken, because this would be a very useful feature! But I don't believe it's true. I can't find anything about this on MDN Web Docs, and adding the `disabled` attribute to a `<form>` does nothing on any browser in my testing.

The `disabled` attribute on a `<fieldset>` does disable all descendant form controls – perhaps that's where the mixup has come from.
2022-02-01 08:40:59 +02:00
Quy
76802e2d47 Change X to Extra 2022-01-30 18:09:48 -08:00
Dimitri Papadopoulos Orfanos
eb2fda2110
docs: fix a couple typos found with codespell (#35733)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-01-29 13:30:02 +02:00
A Web Artisan
2964c12bb9
docs: remove moot autocomplete attributes (#35741) 2022-01-29 13:20:01 +02:00
Kirill Zdornyy
c1222d6952
Fix spelling mistake in footer example (#35704) 2022-01-25 12:06:50 +02:00
Julien Déramond
520cc8de92
Docs: group together reusable CSS for examples in a single stylesheet (#35649)
* Docs: group together examples reusable CSS in a stylesheet

* Use pointer-events utility in sidebars example

* Remove @import and move the content into _default/examples.html. Handle 2 sorts of dividers

* Remove footers.css extra css declaration

* Fix modals example

* Review: remove .b-example-hr

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2022-01-19 13:27:57 +02:00
XhmikosR
d581737f78
Update cspell config (#35647)
* specify the files to scan in the config
* enable `useGitignore` option
* remove a few unneeded suppressions
2022-01-11 11:17:12 +02:00
Arslan Kalwar
e8f4cba9a0
fixed button text (#35656)
Added button missing text
2022-01-05 19:44:22 +02:00
Sakurai Kenji
0dbec67514
Fix custom-checkbox and custom-radio in migration doc (#35609) 2022-01-05 19:24:59 +02:00
Neeraj Kumar Das
f7a1b18320
Fix offcanvas title in 'Enable body scrolling' example (#35621) 2022-01-05 19:01:05 +02:00
zhangchenglin
670e12dd0d Remove the useless class of the close button .text-reset 2022-01-05 18:40:15 +02:00
Anton
2c9ecd0b8d
Update api.md (#35486)
* Wording tweak

* Tweak wording

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2021-12-28 14:38:35 +02:00
XhmikosR
deb8e3febd
Add note to carousel crossfade docs about bg color (#35587)
Fixes #35181

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2021-12-23 14:38:43 +02:00
Patrick H. Lauke
f171d3e9f7
Strengthen and expand note about dynamic tabs with dropdown menus (#35588)
following on from https://github.com/twbs/bootstrap/pull/35213 this

- expands the note, making it clear it's not supported
- makes it a callout
2021-12-23 09:15:36 +02:00
Kyle Tsang
aec213711a
docs: add reference to sticky-xxl utils (#35579)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-21 09:22:58 +02:00
Julien Déramond
32401fdc37
fix(docs): typo in Alerts CSS Variables description (#35575)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-21 09:09:43 +02:00
Louis-Maxime Piton
42162546f2
docs: A fix for CSS Variables and some proposal (#35563)
* docs: Fix CSS variables sections

* Minor fix for dropdowns

* Minor fixes for URLs

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-18 13:53:36 +02:00
Mark Otto
f729e4c7d1
Convert alerts to CSS variables (#35401)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-17 07:16:24 +02:00
Florian Lacreuse
d17801265e
Add sticky bottom utility (#35518)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-16 10:27:00 +02:00
Julien Déramond
2d07383e32
docs: Use param to set Bootstrap version in Contents page (#35556) 2021-12-16 10:20:48 +02:00
Ty Mick
28f7c94475
docs: Add responsive variations for align-content-between (#35532)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-14 22:29:35 +02:00
XhmikosR
8cdb6c40bd
Update stylelint and stylelint-config-twbs-bootstrap (#35438) 2021-12-14 09:51:31 +02:00
Alexander Gitter
2a7015e630
Fix variable name in form overview docs (#35468)
These variables are called $input-btn-*, the documentation was erroneously talking about $btn-input-*.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-07 20:51:50 +02:00
Anton
e45111fb74
Replace inline styles in example "Dropdowns" (#35483) 2021-12-07 20:45:56 +02:00
GeoSot
a5945369bd Dropdown: change doc for data-bs-popper=none 2021-12-01 17:10:39 +02:00
Ethan Clevenger
2fe90d8b16
Update edge-to-edge design instructions (#35446)
Add note about margins to prevent overflow.
2021-12-01 14:34:03 +02:00
Christopher Boik
2a51370e92
Fix variable name in customizing comment (#35414)
Correct table lightening variable to match the variable name defined and described in the loop variable section above
2021-11-30 16:41:08 +02:00
François Karman
5290080d4d Update typography.md
remove a unnecessary <abbr> tag
2021-11-25 14:08:52 -10:00
GeoSot
94a596fbcb
Add a template factory helper to handle all template cases (#34519)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-11-25 19:14:02 +02:00
Neeraj Kumar Das
1ee058adf5
Make footer examples responsive to mobile screens (#35365) 2021-11-23 16:15:46 +02:00
Julien Déramond
7edad9453c
Add missing scss/maps imports (#35373)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-11-23 10:06:33 +02:00
Mark Otto
9f099d3e4f
Move reassigned Sass maps for colors to another stylesheet (#34942) 2021-11-15 13:03:48 +02:00
Tobias Nießen
96dcc150d5
Fix typo in vertical alignment of table cells (#35348) 2021-11-15 12:52:06 +02:00
Scott O'Hara
e958cd2637
floating-labels: remove aria-label in the select example (#35327)
While it is understood that this is just an example, the visible text (label) of "Works with selects" and the `aria-label="Floating label select example"` created a [WCAG 2.5.3 Label in name](https://www.w3.org/WAI/WCAG21/quickref/#label-in-name) failure.  

As the `aria-label` isn't necessary here since this `select` is already provided an accessible name by its `label` element, removing the unnecessary `aria-label` seems the best course of action as:
* removing it solves the WCAG issue 
* it removes the potential implication to developers that they'd even _need_ an `aria-label` here, let alone indirectly suggesting that it's ok for the visible text and accessible name to be out of alignment
2021-11-09 07:54:42 +02:00
Julien Déramond
31998dfd1e
Fix spacing utility classes mentioned in navbar supported content documentation (#35328)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-11-05 20:36:56 +02:00
Mark Otto
6c706e947d
Update import stacks required for modifying utilities (#35320) 2021-11-03 14:31:21 +02:00
kyletsang
889286cef1 Add top placement info to offcanvas docs 2021-11-02 13:56:47 -07:00
Julien Déramond
328a29162d
Add missing role="search" and type="search" in navbar doc and examples (#35223)
* Add missing `role="search"` and `type="search"` in navbar doc and examples

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

* Remove warning callout about ensuring correct search role in navbar doc

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-11-01 08:33:39 +02:00
Christian Oliff
8ed1218294
update grid example docs (#35308) 2021-11-01 08:29:31 +02:00
Barabas
2e87f9aef0
images.md: remove zero-width space (#35234)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-28 14:22:32 +03:00
Oxydent
dc06b9966e
fix(offcanvas): Adding titles class where missing (#35264)
Co-authored-by: louismaximepiton <louismaxime.piton@orange.com>
2021-10-26 14:37:45 +03:00
Gaël Poupard
a0fd92ed2b
Fix typo in RTL Hello World! sentence (#35236)
* docs(RTL): fix typo in Hello World! sentence

* chore(docs): Cspell arabic words update
2021-10-21 16:33:29 +03:00
Jesse Mandel
d7dec124eb
Update nuget docs to specify only .NET Framework projects are supported. (#35124)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-11 19:31:53 +03:00
XhmikosR
9f1579aa04 Enable unicorn/prefer-prototype-methods rule 2021-10-05 19:52:11 +03:00
Mark Otto
57d80fcd32
Separate container classes from $enable-grid-classes option (#35005)
* Separate container classes from enable-grid-classes optoin

* Document the new option

* Mention in migration guide

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-05 19:46:33 +03:00
Julien Déramond
fc21dcf758
Fix capitalization after period in contents.md (#35111) 2021-10-05 17:46:08 +03:00
Alex Gibson
630d2707a3
docs: remove data-bs-dismiss="modal" leftover (#35042) 2021-09-28 18:46:09 +03:00
Rohit Sharma
337447c5cc
Add offcanvas to the components requiring JavaScript (#35013)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-09-28 12:33:33 +03:00
Julien Déramond
b1e27a456b
examples: Add role="switch" to switches (#35022) 2021-09-28 12:28:30 +03:00
cdalexndr
55a352d023 Fix responsive img docs
https://github.com/twbs/bootstrap/issues/34885
2021-09-13 22:19:13 -06:00
Christian Oliff
8c4f66733e
Changes some latin/dummy text to English (#34946)
Changes some latin/dummy text to English so spellcheck linter passes
2021-09-10 14:02:58 +03:00
Christian Oliff
cb87ed2a79
docs: Add role="switch" to switches (#34824)
* docs: Add role="switch" to switches

* Tweak/expand explanation about assistive technologies

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2021-09-09 14:37:52 +03:00
Christian Oliff
f7c361f553
replace dummy text with English for Text truncation page (#34936) 2021-09-09 14:30:41 +03:00
Christian Oliff
8db02e24d6
Non-blocking typo fix (#34935) 2021-09-09 09:44:44 +03:00
Christian Oliff
24daa47131
Fix Backdroped typo (#34920) 2021-09-08 10:55:01 -07:00
Christian Oliff
de68df20cd
fix utilities typo (#34923) 2021-09-08 16:59:17 +03:00
XhmikosR
395b50a5b5
docs: Update RFS version & move "v" prefix to config.yml (#34918) 2021-09-08 09:03:04 +03:00
Christian Oliff
acc0836f08
fix predefined typo (#34922) 2021-09-08 08:59:27 +03:00
Christian Oliff
7e1aa85fad
Fix JavaScript typo (#34921) 2021-09-08 08:55:43 +03:00
XhmikosR
0d81d3cbc1
Release v5.1.1 (#34869)
* Prepare v5.1.1.

* Dist
2021-09-07 18:37:44 +03:00
XhmikosR
23b3d636e1
Typo fixes (#34914) 2021-09-07 09:45:27 +03:00
Patrick H. Lauke
aa06dffdf6
Disabled link cleanup (#34886)
* Disabled link cleanup

per https://www.w3.org/TR/html-aria/#docconformance

> It is NOT RECOMMENDED to use `aria-disabled="true"` on an `a` element with an `href` attribute.
>
>NOTE
>If a link needs to be "disabled", remove the `href` attribute.

This PR removes the unnecessary `href="#"`, `tabindex="-1"`, and `aria-disabled="true"` from disabled links in both docs pages and examples. `aria-disabled="true"` *is* kept for disabled link-based buttons (that have `role="button"`) as there it's appropriate to use (you *want* to convey to assistive technologies that this thing you're claiming is a button is also disabled at the moment)

Further, the PR extends the "Link functionality caveat" to show the "proper" way (removing `href` and adding `.disabled` class only) to disable a link, but then explains what to do if that's not possible (and then keeps an example with all the traditional `href="#" tabindex="-1" aria-disabled="true"`, but explains clearly that it's not ideal). Same sort of explanation is also added to the pointer event utilities page

* Turn big note into actual normal doc text

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

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-09-06 22:14:21 +03:00
Christian Oliff
6411799e60
Docs: Add Callout to Stacks Helper page about limited flexbox gap support (#34910)
* Docs: Add Callout to Stacks Helper page about limited flexbox gap support

Fixes: #34737

* Update stacks.md

* Delete callout-warning-flexbox-gap.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-09-06 21:48:35 +03:00
Julien Déramond
2a1aa2a9f4
Fix a11y issues in .hstack example and placeholder 'How it works' example (#34892) 2021-09-04 09:36:18 +03:00
Alan Oliveira
58edf0ecbe
docs: add $enable-smooth-scroll to Sass options page (#34877) 2021-09-03 00:14:20 +03:00
Mark Otto
d91480e3c7
Include root.scss in all dist builds (#34773)
* Remove the font-family-* override vars from Reboot build

* Update Reboot docs to mention CSS variables
2021-09-02 08:41:58 +03:00
XhmikosR
283cbd9026 Use path.Join when joining paths 2021-08-31 17:24:38 +03:00
XhmikosR
9050b2698a Remove .html suffix from shortcodes calls.
It's the default.
2021-08-31 17:24:38 +03:00
Julien Déramond
a0da3a0f42
Enhance Alerts > Live Example section (#34769) 2021-08-30 16:00:16 +03:00
Marius A
10fc1fec6a
clarify importing all vs specific plugins (#34840) 2021-08-30 15:36:53 +03:00
XhmikosR
9e1d81a851
Progress page: remove toggle animation button (#34787)
We don't use the same approach with a button on the Placeholders page.
2021-08-21 06:54:53 +03:00
SaintMalik
bfad22f23c
docs: fix typos in approach and placeholders (#34781) 2021-08-20 18:25:03 +03:00
XhmikosR
7207cd1919
dashboard-rtl: use the same scripts as the dashboard example (#34766) 2021-08-18 18:51:12 +03:00
Kyle Tsang
b10c1a76c7
Fix typo in placeholder docs (#34752) 2021-08-18 07:30:06 +03:00
GeoSot
1e5e655670
Fix modal when is triggered by bs-toggle, to hide other open instances (#34701) 2021-08-10 17:55:34 +03:00
Christian Oliff
fdc2f723a5
docs: Fix placeholders typo (#34686) 2021-08-05 08:36:00 +03:00
XhmikosR
f20fece3a8
Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
Mark Otto
7409271b56 Document the utility API's new css-var boolean
Co-Authored-By: Gaël Poupard <ffoodd@users.noreply.github.com>
2021-08-03 17:06:06 -07:00
Mark Otto
4d7911a27b Add and document additional :root CSS variables
- Adds grayscale colors
- Adds root and body variables

Note that some Sass variables default to `null`, so as we generate and use the CSS variable, we'll be potentially adding some lines of code.
2021-08-03 17:06:06 -07:00
Mark Otto
e72916e5b7 Update color and background-color utilities
- Adds new functions to generate additional Sass maps
- Adds new root variables for rgb() versions of our theme colors, plus a few extras
- Adds ability to change the alpha transparency of text color and background color utilities with new utilities, inline styles, or local CSS var
- Updates documentation for color and background-color utilities pages
- Deprecates .text-black-50 and .text-white-50 since those (and additional transparency levels) can be generated on the fly

Change approach slightly to prevent cascade
2021-08-03 17:06:06 -07:00
Sean Hinton
a2f92d1aab
Improved docs describing media-breakpoint-down breakpoints (#34637)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-08-03 19:08:10 +03:00
Jaume Sala
39b7c75b13
Add new placeholder component (#31859)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Jaume Sala <jaumesala@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2021-08-03 08:59:00 -07:00
XhmikosR
23fd488c38
Add missing newlines around fenced codeblocks (#34630) 2021-07-30 08:56:36 +03:00
XhmikosR
c6c0bbb0b6
Collapse page: add a link to the accordion page (#34605) 2021-07-29 06:39:12 +03:00
Mark Otto
906a990eb7
Revert "Allow individual grid classes to override .row-cols (#33621)" (#34612)
This reverts commit f2b47e1c8a.
2021-07-29 06:29:46 +03:00
GeoSot
4bfd8a2cbc
Use a streamlined way to trigger component dismiss (#34170)
* use a streamlined way to trigger component dismiss

* add documentation

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-28 17:39:32 +03:00
Mark Young
24e14c36e8
Correct Toast docs (#34604)
Removes incorrect references to scrollspy in Toasts documentation
2021-07-28 16:17:24 +03:00
Mark Otto
8513c69385
Document change to hr in v5 (#34574)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-27 08:25:07 +03:00
Mark Otto
f41bf2f7c5
Rename Build Tools page to Contribute (#34578)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-27 08:14:24 +03:00
Mark Otto
d140981fdb Make note of _root.scss being required 2021-07-26 17:28:06 -05:00
Mark Otto
e208774fc1
Clean up a couple CSS Grid issues (#34572)
- Moves the make-cssgrid() mixin to the grid mixins stylesheet
- Updates the g-start-* classes to start at 1 instead of 0 as 0 is an invalid value (fixes #34399)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-26 18:45:10 +03:00
Mark Otto
905db7dadb
Update the custom Sass import docs (#34573)
Now includes mentino of the two utilities stylesheets, plus how and why to include the API stylesheet last

Fixes #34397

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-26 18:41:43 +03:00
Jitan Gupta
e805a5e287 Update nav-tab.md
Updated the from anchor tag to button in sample examples
2021-07-26 10:07:27 -05:00
GeoSot
41292a5257
Toasts: Change showing timings and classes to keep toast display:none by default (#33610) 2021-07-22 18:13:13 +03:00
GeoSot
dfafb9a60c
modal: change data-dismiss so that it can be outside of a modal using bs-target (#33403)
* change data-dismiss, so can be outside modal, using a bs-target

* Update site/content/docs/5.0/components/modal.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2021-07-19 16:56:05 +03:00
craftwerk
06a1ca5623 Add new offcanvas support to navbars
Co-Authored-By: craftwerk <1193597+craftwerk@users.noreply.github.com>
2021-07-17 20:33:34 -07:00
Mark Otto
aee169d192 Split .vr from stacks as a new helper 2021-07-16 15:11:40 -07:00
Mark Otto
2bc6de1f5e Add hstack and vstack helpers 2021-07-16 15:11:40 -07:00
Eric Horstmanshof
145aaee2a7 Added new Offcanvas file to import example
Added the new B5 Offcanvas component in the import examples.
2021-07-12 13:49:42 -07:00
Mark Otto
47bbd945f0
Add maps for all colors, document how to extend color utilities (#32319)
* Add maps for all colors, document how to extend color utilities

* Updates to make this more functional for v5

- Moves color maps into _variables.scss for now (felt weird to split them out when the variables are there)
- Adds a new function, map-merge-multiple(), and updates docs that reference combo-map
- Updates code snippet and docs guidance about how to extend the color utils to handle this

* Update site/content/docs/5.0/customize/color.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-06 14:31:20 -07:00
Mark Otto
359ed099e5 Add horizontal collapse support 2021-07-05 17:22:29 -10:00
Mark Otto
696996dd4f
Add dynamic, live alerts example to docs (#33866) 2021-06-29 18:46:25 +03:00
GeoSot
70dd7f6ff5
Changes to Alert component to match the others (#33402)
Alert.js: Refactor code to match the other components
* Use this._element
* Remove handleDismiss method and keep its functionality on event
* Change JqueryInterface to be more generic
* Correct docs to be aligned with code, and add undocumented functionality
* Update alerts.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-28 16:34:47 +03:00
Christian Oliff
088ef62982
Remove unneeded .text-white-50 CSS rule (#34336)
This is already part of Bootstrap 4.6 and 5.0.
2021-06-24 10:51:17 +03:00
Mark Otto
653476ec98 Fixes #34187 2021-06-23 20:37:07 -07:00
Mark Otto
dd824f2d3e
v5.1: Add optional CSS grid (#31813) 2021-06-22 19:51:16 -07:00
harishhalodoc
a816615efa
Add utility classes for opacity (#33781)
* Add responsive utility classes for opacity

- fix for #33483

* remove responsive opacity utils as it has impact on bootstrap.css bundle size

* Update opacity.md

* Update site/content/docs/5.0/utilities/opacity.md

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

* Update site/content/docs/5.0/utilities/opacity.md

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

Co-authored-by: Harish <halodoc@ip-192-168-1-101.ap-southeast-1.compute.internal>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-06-22 19:20:01 -07:00
Mark Otto
2d8da8bcb0
Add four new snippet examples (#33882)
* Add four new snippet examples

- Dropdowns
- Footers
- List groups
- Modals

* Fix HTML linter errors

* more linter
2021-06-22 19:15:02 -07:00
Matt Dufresne
9485172017 fix error in javascript example under Asynchronous functions and transitions section 2021-06-15 10:50:20 -07:00
aphel
285ff5ebf9 querySelector will only select the first element. Adjust to QuerySelectorAll 2021-06-14 18:50:02 -07:00
Mark Otto
5be3550d49 Add important to utilities, mention it's usage and global variable 2021-06-14 18:38:29 -07:00
Mark Otto
f30066cb8a
Document the change to breakpoint mixins (#34251)
* Document the change to breakpoint mixins

* Update migration.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-14 10:44:56 -07:00
Szymon Wiszczuk
7951eedbc6
fix(docs): update docs to match the newest modal-open removal (#34239)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-14 08:43:35 +03:00
Marius Steffens
f826331458
Update tooltips.md (#34222)
Update method names in the options table from old jQuery API to new Bootstrap 5 API
2021-06-14 08:35:58 +03:00
Luke Ingalls
95bc724b9c docs: update overview.md to fix typo 2021-06-13 19:36:25 -07:00
Laussel Loïc
9ac65855c4
fix accessibility issue on sidebars example (#34214) 2021-06-13 08:12:22 +03:00
Eelke van den Bos
7968a074a5
docs: update dropdowns.md to reflect the correct version (#34180)
* Update dropdowns.md to reflect correct version

* Clarify content, drop the reference to versions

* Update dropdowns.md

Co-authored-by: Mark Otto <otto@github.com>
2021-06-07 12:44:36 -07:00
Eduardo Allegrini
ca43fa8892 docs: update migration.md to fix a typo 2021-06-07 12:29:25 -07:00
Gaël Poupard
08139c2280
docs(customize): missed explanations for overrides (#34179)
Closes #34176

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-03 19:22:47 +03:00
Anal-Retentive Squirrel Hunter
f2b47e1c8a
Allow individual grid classes to override .row-cols (#33621) 2021-06-03 19:18:00 +03:00
Joel Johnson
f14d1a4c17
Add positioned badges example to docs (#34143)
* Update documentation for badges

* Removes useless changes, as well as fixes an example

* Fixes some text with a badge example

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-06-03 19:09:13 +03:00
GeoSot
c98657b830
Add getOrCreateInstance method in base-component (#33276)
Co-authored-by: Rohit Sharma <rohit2sharma95@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-03 18:53:27 +03:00
Rajesh Kumar
071a288d39
Placeholder changes to input value in readonly input. (#34040)
* placeholder changes to input value

* Fix content and add value to readOnly input

* add value in readonly input

* Update site/content/docs/5.0/forms/form-control.md

Co-authored-by: Rajesh Kumar <https://github.com/rajesh2kumar96>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: Mark Otto <otto@github.com>
2021-06-02 23:14:10 -07:00
Gaël Poupard
46045b4a9b
img in horizontal card (#34160)
* docs(cards): img in horizontal card

Closes #34145 

Simply adds `img-fluid` and `rounded-start` classes to horizontal card example to ensure copy-pasting from the docs matches the expectation.

* Update site/content/docs/5.0/components/card.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-06-02 23:08:29 -07:00
Anirvan Chatterjee
7ec9d8df52 Fix typo ("theses"→ "these") 2021-06-02 22:21:27 -07:00
Andrea Sudharta
f9e3d01f30
corrected link to text alignment docs (#34119)
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-28 09:16:41 +02:00
hugonun
993b533dc6
Changing HTTP to HTTPS (#34090) 2021-05-25 08:28:27 +03:00
Mark Otto
8033975548
Document how to make utilities responsive using the API (#34062) 2021-05-22 10:51:30 +03:00
midzer
0a4219a0b8
Replace freenode with libera IRC server (#34050) 2021-05-21 08:08:04 +03:00
Jason Sperske
a44f3f47cb
Adjusted z-index to cover "copy" buttons (#34018)
The copy to clipboard buttons have a `z-index:10` while the toasts were styled to have a `z-index:5" causing them to appear under the button.
2021-05-19 07:54:21 +03:00
Gaël Poupard
0b2d20b975
docs(font-stack): drop BlinkMacSystemFont (#34009) 2021-05-18 08:48:43 +03:00
Gaël Poupard
9f678d6a5d
docs(examples): Dashboard improvements (#34007) 2021-05-18 08:47:09 +03:00
Gaël Poupard
83bcc3c00f
docs(cheatsheet): fix JS errors in setActiveItem() (#34011) 2021-05-18 08:31:15 +03:00
Mark Otto
d80cb2241d
Update Sidebars example to fix dividers and rendering on Chrome (#33859) 2021-05-12 21:34:34 -07:00
alpadev
a6dfaca605
docs: make tooltip anchor properly wrap the svg (#33901)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-11 11:38:48 +03:00
GeoSot
19f95a3d8d
Fix offcanvas example, using a custom trigger selector (#33926)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-11 10:58:45 +03:00
Christian Oliff
b110c0f0e2 Remove unneeded 'Edge Legacy' mention in Range docs 2021-05-10 13:49:16 -07:00
Tim Yang
18bc0d5d2b Fix "directoinal" typo in v5 migration docs 2021-05-10 13:48:34 -07:00
alpadev
75fe3244db
docs: fix rtlcss stringmap configuration (#33915) 2021-05-10 21:13:23 +03:00
Nikolay Nizriukhin
488fd8afc5
Fix accordion link (#33896)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2021-05-08 13:28:15 +01:00
Chris Blakley
f12bc3316b
Fix "no long require" to "no longer require" typo (#33879)
Fixed a typo in the Migration guide from "...we no long require..." to be "we no longer require..."
2021-05-08 13:24:39 +01:00
Jaume Sala
e54d43cba3
Fix value (#33868) 2021-05-08 13:22:07 +01:00
Patrick H. Lauke
6ecf21870a
Add accessible names to SVG icons in alerts (#33893) 2021-05-08 12:53:03 +01:00
jrn2778
eb73a2fc6f
Fix unnecessary classes (#33850)
* Fix unnecessary classes

* Removed unnecessary div

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

* Updated centered hero primary button classes

Co-authored-by: Mark Otto <otto@github.com>
2021-05-06 16:10:23 -07:00
Christian Oliff
c9a606a894 update About text now that Bootstrap 5 is live
..and big congrats (and thanks) to all the Bootstrap team on v5 launching :-)
2021-05-06 16:04:26 -07:00
kyletsang
597da0fb59 Fix browser support versions in migration doc 2021-05-06 16:04:13 -07:00
Manabu Niseki
f3403ef7b7 Fix typo in migration.md 2021-05-06 16:03:59 -07:00
Mark Otto
e54654ead0
Fix typo in scrollspy docs (#33841)
* Fix typo

* remove duplicated "heading"

Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-06 16:00:30 -07:00
Mark Otto
5e980ddd1c Remove extra t in Close button heading in Migration guide 2021-05-06 16:00:11 -07:00
XhmikosR
bf09367486
Release v5.0.0 (#33647)
* Bump version to 5.0.0

* Fix npm tag

* Dist
2021-05-05 22:32:12 +03:00
Mark Otto
48ae5a7149
Rewrite migration guide (#33834)
- De-duplicates bulk of the content for a migration from v4 to v5
- Adds clear breaking labels where appropriate
- Leaves room for more guidance around doing the actual migration
2021-05-05 18:24:26 +03:00
Ajay Patel
f0865727b7
refactor(docs): Added form file input variables (#33833)
File input belongs to this page in doc, added variables in last.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-05 17:53:49 +03:00
Kyle Tsang
1a54286bef
Fix doc typo and Bootstrap Icons link (#33832)
* Fix typo in migration guide

* Fix Bootstrap Icons link in alerts page
2021-05-05 17:44:43 +03:00
Mark Otto
e2df73fa9a
Update migration guide for some v5 changes (#33829)
* Update migration guide for some v5 changes

* Update migration.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-05 06:42:06 +03:00
Patrick H. Lauke
1e6356ab43
Neutralise more words from placeholder text (#33731)
* Neutralise more words from placeholder text

Follow-up to https://github.com/twbs/bootstrap/pull/33726

* Match fullscreen modal to other sizes

* Ditch the lyrics outright

* Rewrite and tweak the blog example some

* update cheatsheet

* text utils copy too

* Fix the tbody validation error

* fix typo

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
Co-authored-by: alpadev <alpa.muc@gmail.com>
2021-05-04 19:31:37 -07:00
Patrick H. Lauke
cb38744cf7
Tweak toast docs (#33810)
* Tweak toast docs

- a few rewordings/tweaks
- add info about toasts with focusable/actionable controls (shouldn't autohide them)

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

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

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

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

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-05-04 15:37:45 +03:00
Luiz Orso
6a6db27586
Docs: adding intro about web accessibility (#33786) 2021-05-01 14:46:20 +03:00
Patrick H. Lauke
8a175a5193
Update links to CCA, MQ5 prefers-reduced-motion, evergreen WCAG urls (#33797) 2021-05-01 14:39:41 +03:00
Gaël Poupard
7bbf6d9ad3
Improve overall new examples' accessibility (#33772) 2021-04-30 01:19:07 +03:00
Abdullah Alaqeel
3bcb9e7df7
Improve RTL examples (#33097) 2021-04-27 15:38:44 +03:00
Rohit Sharma
efd45eceb2
Add migration note for the autoClose option (#33770) 2021-04-27 15:29:07 +03:00
Rohit Sharma
610155b74c
Tooltip — doc updates (#33771) 2021-04-27 14:56:06 +03:00
Pierre Grimaud
bc667235dc
docs: fix typo in list-group.md (#33756) 2021-04-27 07:10:43 +03:00
alpadev
94202cf7bf
fix: change margin breakpoints for bootstrap logo on double header (#33759) 2021-04-27 06:52:59 +03:00
Mark Otto
0fa8cb0bd3
Add Bootstrap Icons to alerts docs (#33690)
* Add Bootstrap Icons to alerts docs

* Update site/content/docs/5.0/components/alerts.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

* Update alerts.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-25 06:59:13 +03:00
Rohit Sharma
75b11bbedc
Clarify boundary option description (#33735)
Mention that `boundary` option is specific to the preventOverflow  modifier only

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-25 06:58:08 +03:00
Rohit Sharma
0645fa9f1d
Tooltip/Popover — Minor doc updates (#33733) 2021-04-25 06:56:30 +03:00
Mark Otto
c25897b637
Replace modal and scrollspy placeholder content (#33726) 2021-04-23 14:58:32 +03:00
Rohit Sharma
4d973259f5
docs: fix the default value of Popper's boundary option (#33685)
`'scrollParent'` is no longer the default `boundary` value

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-21 08:15:22 +03:00
Rohit Sharma
b59b75bc55
Dropdown — Add option to make the dropdown menu clickable (#33389) 2021-04-20 08:19:57 +03:00
iatek
bb7a5602a0 Fixes #33686 typo in RTL docs 2021-04-19 09:05:33 -07:00
Rohit Sharma
87a8ba9a82 Change from preventOverflow to detectOverflow
- Since the link is for detectOverflow docs
2021-04-18 21:23:31 -07:00
Raaj Trambadia
574a4996f5 Fix typo 2021-04-18 21:22:53 -07:00
Mark Otto
9f2133fee3 Fixes signup form in Heroes example
Fixes #33660
2021-04-18 21:10:54 -07:00
Kohhee Peace
aace863463
Fix Grid System docs (#33676)
* Fix Grid System docs

* Apply suggestions from code review

Co-authored-by: Mark Otto <otto@github.com>
2021-04-18 20:53:39 -07:00
Mark Otto
d25920b182 Fix toggle between modals example 2021-04-17 16:08:58 -07:00
ghost_32
95aec47d21
Docs: Tried to fix the issue #33650 (#33664)
Prefixed the `aria-controls` with `list-` to match with `tabpanel`
ids in `Javascript behavior` example in `List Group Component`.
2021-04-17 14:40:43 -07:00
Peter Hartree
cb24272544
Add example: Panels stay open (#33553)
* Add example: Panels stay open

* Set unique element IDs in the new example

* Update language

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2021-04-14 13:43:52 -07:00
Mark Otto
84b8eda5d6 Correct the heading for the States section 2021-04-14 13:29:47 -07:00
Philip Wedemann
0122e020d6
Docs: Fix wrong dark attribute in Table - Vertical Alignment (#33597)
* Fix wrong dark attribute

* Remove the outer table completely

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-04-14 13:26:31 -07:00
Mark Otto
2d2f5b3dfd Add color-scheme mixin 2021-04-10 09:39:31 -07:00
Mark Otto
800aa622d3 Improve responsiveness of Features examples 2021-04-06 21:51:38 -07:00
Danny Trunk
1de0d94130 Fixed wrong method name _getInstance
There is no _getInstance method, but there is a getInstance method
2021-04-06 21:51:01 -07:00
CFX
0c56749f13
Add equal column mixin (#32155) 2021-04-06 21:45:28 +03:00
Mark Otto
056ad3ad95
Add offcanvas-top modifier (#33549) 2021-04-04 11:11:33 -07:00
Yuriy Gorbunov
28c275280e Update parcel.md 2021-04-04 10:42:55 -07:00
Mark Otto
90c9059784
Clarify docs accordion example (#33522) 2021-03-31 09:01:01 +03:00
John
69912cdfd7 The spacing margin side identifiers 's' and 'e' may be intuitive for many but explicitly helping users associate the abbreviations to 'start' and 'end' should help people migrate from version 4 with less friction 2021-03-30 18:41:54 -07:00
Mark Otto
232e392c91
Make offcanvas example fully static (#33446) 2021-03-23 19:06:11 +02:00
XhmikosR
69b9d638f8
offcanvas-navbar: add missing redirect (#33443) 2021-03-23 18:18:54 +02:00
Mark Otto
b2deaa997e
Add link to new Parcel guide in starter template (#33430)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-23 08:27:15 +02:00
GeoSot
1c02ef4f97
Allow offcanvas to be initialized in open state (#33382)
* Update docs to use new .show behavior and clarify some copy for first example

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-23 08:22:59 +02:00
Mark Otto
a3ad7327f2
Update examples (#33214)
* Add updated Jumbotron example made from utilities

* Update starter template example with new design and links

* Update some existing examples and their screenshots

* Add four new snippet-based examples

* Update layout to improve things a bit

* WIP

* Add d-block to images

* Fix horizontal scroll

* move d-block to the anchor

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-22 13:59:14 -07:00
Semih Raif Gürel
26d8955de2
Utilities to Utilities API (Borders doc page) (#33380) 2021-03-17 12:55:13 -07:00
Anton
fcac2e3aa6
Add example: toggle modal dialogs (#33301)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-03-16 22:15:06 -07:00
Mark Otto
6ed439ff73 Updates customize Sass docs to reflect proper placement of default variables overrides 2021-03-16 22:04:51 -07:00
GeoSot
ddf72bc612
Accept data-bs-body option in the configuration object as well (#33248)
* Accept data-bs-body option in the configuration object as well

Tweak jqueryInterface, add some more tests

* Fix Markdown table formatting and tweak the wording on backdrop

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-16 18:35:03 +02:00
Anton
af42557f4a
Update modal's show method to accept relatedTarget as an argument (#33300)
Co-authored-by: Rohit Sharma <rohit2sharma95@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-16 07:49:52 +02:00
Mark Otto
6b3254536b Add migration guide entry 2021-03-10 22:04:32 -08:00
Mark Otto
5c6e72c6fe Change from element selector to the opt-in class 2021-03-10 22:04:32 -08:00
Mark Otto
defce83027 Add ol.list-group with psuedo-element numbers 2021-03-10 22:04:32 -08:00
Mark Otto
844aab4295 Fixes some copy around inline forms 2021-03-10 21:25:21 -08:00
Kyle Tsang
88cbe443b8
Mention .no-gutters removal in migration guide (#33332)
* Mention .no-gutters removal in migration guide

* Update site/content/docs/5.0/migration.md

Co-authored-by: Mark Otto <otto@github.com>
2021-03-10 19:28:15 -08:00
Mohamed Khoualed
a5c4a7a1f2
Grammatically update the doc (#33267)
* Grammatically update the doc

* Apply suggestions from code review

Co-authored-by: Mark Otto <otto@github.com>
2021-03-10 19:05:03 -08:00
Garrett Johnson
a49d1e3e58 Fix Flex utilities to add vertical space in example
The `justify-content-around` example is missing a `mb-3` class because it is not the last example.
2021-03-10 17:23:24 -08:00
Martin Choutka
a245ef46e2 Update the "Nonblocking files" section in the docs
Added few paragraphs about optimizing FCP times, deferring non-critical JS and CSS, may update in the future again
2021-03-10 08:57:50 -08:00
GeoSot
548be2ed66
Offcanvas as component (#29017)
* Add a new offcanvas component

* offcanvas.js: switch to string constants and `event.key`

* Remove unneeded code

* Sass optimizations

* Fixes

Make sure the element is hidden and not offscreen when inactive
fix close icon negative margins
Add content in right & bottom examples
Re-fix bottom offcanvas height not to cover all viewport

* Wording tweaks

* update tests and offcanvas class

* separate scrollbar functionality and use it in offcanvas

* Update .bundlewatch.config.json

* fix focus

* update btn-close / fix focus on close

* add aria-modal and role
return focus on trigger when offcanvas is closed
change body scrolling timings

* move common code to reusable functions

* add aria-labelledby

* Replace lorem ipsum text

* fix focus when offcanvas is closed

* updates

* revert modal, add tests for scrollbar

* show backdrop by default

* Update offcanvas.md

* Update offcanvas CSS to better match modals

- Add background-clip for borders
- Move from outline to border (less clever, more consistent)
- Add scss-docs in vars

* Revamp offcanvas docs

- Add static example to show and explain the components
- Split live examples and rename them
- Simplify example content
- Expand docs notes elsewhere
- Add sass docs

* Add .offcanvas-title instead of .modal-title

* Rename offcanvas example to offcanvas-navbar to reflect it's purpose

* labelledby references title and not header

* Add default shadow to offcanvas

* enable offcanvas-body to fill all the remaining wrapper area

* Be more descriptive, on Accessibility area

* remove redundant classes

* ensure in case of an already open offcanvas, not to open another one

* bring back backdrop|scroll combinations

* bring back toggling class

* refactor scrollbar method, plus tests

* add check if element is not full-width, according to #30621

* revert all in modal

* use documentElement innerWidth

* Rename classes to -start and -end

Also copyedit some docs wording

* omit some things on scrollbar

* PASS BrowserStack tests

-- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling.

* Rename '_handleClosing' to '_addEventListeners'

* change pipe usage to comma

* change Data.getData to Data.get

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-03-02 19:10:10 +02:00
Rohit Sharma
b9e51dc3c4
Dropdown — Drop flip option (#33198) 2021-03-02 17:27:13 +02:00
Mark Otto
1df59bb17f
Add an example of v4's media component in the flex utils docs (#33207)
* Add an example of v4's media component in the flex utils docs

* Link to new example from Migration guide

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-02 16:08:32 +02:00
Gaël Poupard
bcda711849
docs(migration): duplicated 5.0.0-beta2 heading (#33178) 2021-02-22 17:05:59 +02:00
Rohit Sharma
dc5e3328c1
Allow constructors to accept a CSS selector (#32245)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2021-02-22 09:01:04 +02:00
Patrick H. Lauke
5693f1ad86
Fix small typos / follow-up to #32630 (#33164) 2021-02-21 08:00:03 +02:00
Mark Otto
5c32767e0e
Clarify docs around .navbar-brand (#33123)
- Add new headings and text for each example
- Fixes #33072 by changing align-* class
2021-02-17 05:58:26 +02:00
XhmikosR
ca9087ba92
overview: add missing EOF newline (#33098) 2021-02-16 12:22:35 +02:00
k-utsumi
4d19e0e8a4
Clear duplicated class border-0 (#32925)
* Clear duplicated class `border-0`

* Update migration.md

Co-authored-by: Mark Otto <otto@github.com>
2021-02-16 08:05:09 +02:00
Gaël Poupard
b7bd094351
docs(examples): typo in offcanvas example in .bg-body (#33092)
Caught by pa11y-ci on Boosted (because of insufficient contrasts) ❤️
2021-02-15 21:06:57 +02:00
Siju Samson
51c7075c1c
Fix typo in nav-tabs docs (#33081) 2021-02-15 08:45:34 +02:00
Gaël Poupard
0a9d392975
Docs improvements after beta2 (#33049)
* docs(carousel): double-spaces out there

* docs(toasts): missing word, ins't it?

* docs(cheatsheet): use buttons for carousels and tabs ion cheatsheets too

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-11 19:48:08 +02:00
eldk
8125856272
Add Parcel Bundler doc (#30909)
* Add Parcel Bundler doc

* Update parcel.md

* Improve parcel.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-02-11 08:22:20 +02:00
Mark Otto
4c7a3e8adf
Add Sass docs (variables, mixins, and loops) to most pages (#32747)
* WIP: Mention variables, mixins, and loops in docs

* Add Sass sections to component pages

* add sass docs for forms and content

* Update buttons.md

* Remove empty mixins sections

* Massive update to utilities and some consistency changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-10 19:29:59 -08:00
Rohit Sharma
f7088e5d28
Add function type for popperConfig option (#32882)
* Add function type for `popperConfig` option

* Update .bundlewatch.config.json

* copy edits

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-02-09 21:16:13 +02:00
Mark Otto
d56992b6d2 Mention dropdown static change in Migration guide
Co-authored-by: Rohit Sharma <rohit2sharma95@gmail.com>
2021-02-09 14:34:27 +02:00
Mark Otto
8f1c882545 Remove .dropdown-menu[style] reset and adjust .dropdown-menu-* modifiers
- Removes the &[style] selector that was used for resetting Popper styles
- Separate Popper-based alignment from static alignment with `data-bs-popover` attribute that separates the --bs-position and custom right/left properties

Co-Authored-By: Rohit Sharma <rohit2sharma95@gmail.com>
2021-02-09 14:34:27 +02:00
Philip Kiely
96b86c1f58
Docs on enforcing HTTPS and avoiding mixed content (#33017)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-09 07:54:16 +02:00
Patrick H. Lauke
96be06e32b
Dynamic tabs: use buttons rather than links (#32630)
* Dynamic tabs: use buttons rather than links

- change docs
- add mention that tabs should be <button> elements
- tweak styles to neutralise border and background

* Update js unit and visual test accordingly

- replace links with buttons
- make one specific test that uses links instead of buttons, as we still want to support it despite it being non-semantically appropriate
- Leaving a couple of tests for now. The test for removed tabs should be redone so that tabs are removed programmatically (as the approach of having that close button inside the link is invalid and broken markup). The test for dropdowns should be removed together we actually ripping out the handling for dropdowns in the tab.js code (arguably a breaking change, though we discouraged this for a few versions and effectively "deprecated" it)

* Add isolation:isolate to prevent focus being overlapped

https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2021-02-09 07:23:45 +02:00
Rohit Sharma
b6cae91893
Add a note to change the case type of option name (#32995) 2021-02-08 16:55:47 +02:00
Kyle Tsang
22d8e34b3e
Fix boundary config description for dropdown and popover (#32979) 2021-02-04 07:26:32 +02:00
Rohit Sharma
3770b7b9e3
Dropdown — Emit events on the .dropdown-toggle button (#32625)
* Emit events on the dropdown button

Emit the events on `.dropdown-toggle` button and then bubble up

* Add migration note for events

* Update the docs for events

* Add unit test to check the event bubbling

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:51:19 +02:00
Stanisław Gregor
203b3e218c
Fix default value for $enable-deprecation-messages (#32940)
* Update the default value for $enable-deprecation-messages

As seen in the https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss,
the $enable-deprecation-messages variable is set to `true` by default.

* Update site/content/docs/5.0/customize/options.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2021-02-03 21:40:05 +02:00
Rohit Sharma
217d84d6b2
Remove the initial margin from dropdown/popover in favor of Popper (#32524)
* Remove the margin from dropdown in favor of Popper

- Set the default margin to 0 for dropdowns (To remove the Popper's  warning)
- Set the required offset in dropdown's defaults

* Remove the margin from the popover component

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:37:25 +02:00