aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.0/examples
AgeCommit message (Collapse)AuthorFilesLines
2021-08-04Prepare v5.1.0. (#34674)v5.1.0XhmikosR77-10779/+0
2021-07-27Rename Build Tools page to Contribute (#34578)Mark Otto1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2021-06-24Remove unneeded `.text-white-50` CSS rule (#34336)Christian Oliff1-3/+3
This is already part of Bootstrap 4.6 and 5.0.
2021-06-22Add four new snippet examples (#33882)Mark Otto8-0/+1082
* Add four new snippet examples - Dropdowns - Footers - List groups - Modals * Fix HTML linter errors * more linter
2021-06-13fix accessibility issue on sidebars example (#34214)Laussel Loïc1-4/+4
2021-05-18docs(examples): Dashboard improvements (#34007)Gaël Poupard6-24/+24
2021-05-18docs(cheatsheet): fix JS errors in `setActiveItem()` (#34011)Gaël Poupard1-2/+7
2021-05-12Update Sidebars example to fix dividers and rendering on Chrome (#33859)Mark Otto2-10/+17
2021-05-11Fix offcanvas example, using a custom trigger selector (#33926)GeoSot2-2/+2
Co-authored-by: XhmikosR <[email protected]>
2021-05-06Fix unnecessary classes (#33850)jrn27781-5/+3
* Fix unnecessary classes * Removed unnecessary div Co-authored-by: Mark Otto <[email protected]> * Updated centered hero primary button classes Co-authored-by: Mark Otto <[email protected]>
2021-05-04Neutralise more words from placeholder text (#33731)Patrick H. Lauke3-137/+187
* 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 <[email protected]> Co-authored-by: Mark Otto <[email protected]> Co-authored-by: alpadev <[email protected]> Co-authored-by: alpadev <[email protected]>
2021-04-30Improve overall new examples' accessibility (#33772)Gaël Poupard7-821/+840
2021-04-27Improve RTL examples (#33097)Abdullah Alaqeel7-512/+506
2021-04-27fix: change margin breakpoints for bootstrap logo on double header (#33759)alpadev1-1/+1
2021-04-18Fixes signup form in Heroes exampleMark Otto1-3/+3
Fixes #33660
2021-04-06Improve responsiveness of Features examplesMark Otto1-14/+14
2021-03-23offcanvas-navbar: add missing redirect (#33443)XhmikosR1-0/+1
2021-03-23Add link to new Parcel guide in starter template (#33430)Mark Otto1-0/+1
Co-authored-by: XhmikosR <[email protected]>
2021-03-22Update examples (#33214)Mark Otto23-132/+1545
* 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 <[email protected]>
2021-03-02Offcanvas as component (#29017)GeoSot3-1/+1
* 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 <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2021-02-15docs(examples): typo in offcanvas example in .bg-body (#33092)Gaël Poupard1-1/+1
Caught by pa11y-ci on Boosted (because of insufficient contrasts) :heart:
2021-02-11Docs improvements after beta2 (#33049)Gaël Poupard2-22/+22
* 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 <[email protected]>
2021-01-28Make carousel indicators actual buttonsPatrick H. Lauke3-15/+15
2021-01-27Carousel: use buttons, not links, for prev/next controls (#32627)Patrick H. Lauke2-8/+8
* Carousel: use buttons, not links, for prev/next - expand the styles to neutralise border/background - change docs page - add extra unit test to check that links or buttons work as controls - modify visual test to use buttons as well - use buttons instead of links for prev/next - remove `role="button"` from links that are actually links * Clarify that controls can be button or link * Update site/content/docs/5.0/components/carousel.md Co-authored-by: Mark Otto <[email protected]> * Explicitly set padding to 0 to prevent dipping/moving on active in Firefox Co-authored-by: XhmikosR <[email protected]>
2021-01-25Replace .bg-white with .bg-body in docsVino Rodrigues5-10/+10
Response to issue #32810 Use of the .bg-white class to define visual aspects of the examples would be unintuitive for theme builders to test themes on. This replaces instances of .bg-white with .bg-body in the examples. - Edited examples to replace use .bg-white class with .bg-body class - product - offcanvas - pricing - cheatsheet - cheatsheet-rtl - Edited utilities colors.md & shadows.md to include .bg-body class
2021-01-14Remove role="button" from CTA links in carousel examples (#32788)Patrick H. Lauke2-12/+12
They're links, acting as links. Just because they're styled as buttons visually doesn't mean they need/get `role="button"`
2021-01-08Move "active" class from `.nav-item` to `.nav-link` (#32730)Théophile Helleboid - chtitux7-36/+36
2021-01-05Hyphen to dash for ranges (#32488)Jonathan5-5/+5
* Hyphen to dash for ranges * Hyphen to dash for ranges * Hyphen to dash for ranges * Hyphen to dash for ranges * Hyphen to dash for ranges
2021-01-05carousel example: Move "active" class on .nav-link element (#32647) (#32647)Théophile Helleboid - chtitux2-4/+4
The "active" CSS class must be on "nav-link" element, see `_navbar.scss`: ```css .nav-link.active { color: $navbar-dark-active-color; } ``` Co-authored-by: XhmikosR <[email protected]>
2020-12-14Add missing `has-validation` in checkout examples (#32464)Florian Lacreuse2-2/+2
2020-12-14docs(cheatsheet): fix RTL sidenav arrowsGaël Poupard2-0/+5
2020-12-14examples: Update font utility classes to new v5 versions (#32449)Alan Orth3-12/+12
* site: Fix .font-italic to .fst-italic in blog example The font utility class was renamed from .font-italic to .fst-italic but a few references didn't get updated. * site: Fix .font-weight-* to .fw-* in RTL examples These font utility classes were renamed from .font-weight-* to .fw-* but a few references didn't get updated. Co-authored-by: XhmikosR <[email protected]>
2020-12-11Replace Lorem Ipsum placeholder text with more representative (or at least ↵Patrick H. Lauke6-178/+162
english language) text (#32246) Replaces shorter examples with more sensible/representative/inforrmative text. For longer passages, resorted to using SFW extracts from http://katyperryipsum.com/
2020-12-09cheatsheet: Drop redundant `(current)` text (#32401)Gaël Poupard2-4/+4
Useless since we're using `aria-current` (see #31891).
2020-12-04cheatsheet.js: use `event` instead of `e` (#32335)XhmikosR1-2/+2
2020-12-04chore(dist): generate dist filesGaël Poupard1-1/+1
2020-12-04fix gradientMark Otto1-1/+1
2020-12-04docs(cheatsheet): various fixesGaël Poupard4-120/+166
2020-12-04Revamp header, headings, aside spacingMark Otto4-42/+18
Gradients caused artifacts in Safari, layout was feeling a little loose
2020-12-04docs(examples): use RTLCSS for RTL examplesGaël Poupard15-59/+454
2020-12-04Adapt to the recent main branch changesXhmikosR4-10/+10
2020-12-04docs(examples): new cheatsheet and RTL examplesGaël Poupard27-58/+4678
2020-11-19examples: fix `.btn-block` instancesXhmikosR3-5/+5
2020-11-15Switch to jsDelivr for the remaining docs assets (#32158)XhmikosR2-6/+6
2020-11-14Add `bs` in data attributesRohit Sharma11-42/+42
- Add `bs` in data APIs everywhere - Update unit tests
2020-10-31Update instances of .font-weight to .fwMark Otto6-10/+10
2020-10-27v5: Floating labels (#30449)Mark Otto2-136/+0
* v5: Promote floating labels example to component - Adds new .form-floating - Stubs out basics of a docs page - Removes existing Example * Update floating labels to support .form-select, make inputs and selects more consistent - To do this, I made the .form-control and .form-select consistent in min-height vs height - Removed some unused variables now - Updated -color to be the -color because I don't know why this was any different before - Update page to include some examples for layout, validation, and value - Rewrite styles to not modify padding, but instead transform and opacity * Streamline and bulletproof some things - Apply some optimizations from code review - Removed unecessary properties from the label - Add some comments for what properties are required - Move from fixed height for labels to height 100% so we can support textareas - Improve docs a little bit, add ToC * Move some values to variables, switch from scaling font-size to scale, update transforms * Bring over changes from #30966 and add to them to tighten things up * Delete the now unused example images * Fix typo * Allowlist the calc function * Add transform-origin, update transform values * Test out autofill fix * Fix linter issue * Mention it in the migration guide * Bump bundlesize * Add one more variable per review * Shave .25rem off the height Co-authored-by: XhmikosR <[email protected]>
2020-09-10docs(examples): ensure content sits in landmarks (#31579)Gaël Poupard13-787/+799
2020-09-10Fix the remaining instances using the old logos.XhmikosR5-5/+5
2020-07-03Rename `sr-only`/`sr-only-focusable` (#31139)Patrick H. Lauke2-4/+4
* Rename `sr-only`/`sr-only-focusable` To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133 Co-authored-by: XhmikosR <[email protected]>
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 09:55:26 +0000