From a7250b207938e244bfb2d4ef11c7be7f1e76f1ee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 6 May 2025 18:58:39 +0200 Subject: [PATCH] Fix 'View on GitHub' URLs (#41441) --- docs/5.3/about/brand/index.html | 2 +- docs/5.3/about/license/index.html | 2 +- docs/5.3/about/overview/index.html | 2 +- docs/5.3/about/team/index.html | 2 +- docs/5.3/about/translations/index.html | 2 +- docs/5.3/components/accordion/index.html | 2 +- docs/5.3/components/alerts/index.html | 2 +- docs/5.3/components/badge/index.html | 2 +- docs/5.3/components/breadcrumb/index.html | 2 +- docs/5.3/components/button-group/index.html | 2 +- docs/5.3/components/buttons/index.html | 2 +- docs/5.3/components/card/index.html | 2 +- docs/5.3/components/carousel/index.html | 2 +- docs/5.3/components/close-button/index.html | 2 +- docs/5.3/components/collapse/index.html | 2 +- docs/5.3/components/dropdowns/index.html | 2 +- docs/5.3/components/list-group/index.html | 2 +- docs/5.3/components/modal/index.html | 2 +- docs/5.3/components/navbar/index.html | 2 +- docs/5.3/components/navs-tabs/index.html | 2 +- docs/5.3/components/offcanvas/index.html | 2 +- docs/5.3/components/pagination/index.html | 2 +- docs/5.3/components/placeholders/index.html | 2 +- docs/5.3/components/popovers/index.html | 2 +- docs/5.3/components/progress/index.html | 2 +- docs/5.3/components/scrollspy/index.html | 2 +- docs/5.3/components/spinners/index.html | 2 +- docs/5.3/components/toasts/index.html | 2 +- docs/5.3/components/tooltips/index.html | 2 +- docs/5.3/content/figures/index.html | 2 +- docs/5.3/content/images/index.html | 2 +- docs/5.3/content/reboot/index.html | 2 +- docs/5.3/content/tables/index.html | 2 +- docs/5.3/content/typography/index.html | 2 +- docs/5.3/customize/color-modes/index.html | 2 +- docs/5.3/customize/color/index.html | 2 +- docs/5.3/customize/components/index.html | 2 +- docs/5.3/customize/css-variables/index.html | 2 +- docs/5.3/customize/optimize/index.html | 2 +- docs/5.3/customize/options/index.html | 2 +- docs/5.3/customize/overview/index.html | 2 +- docs/5.3/customize/sass/index.html | 2 +- docs/5.3/docsref/index.html | 2 +- docs/5.3/extend/approach/index.html | 2 +- docs/5.3/extend/icons/index.html | 2 +- docs/5.3/forms/checks-radios/index.html | 2 +- docs/5.3/forms/floating-labels/index.html | 2 +- docs/5.3/forms/form-control/index.html | 2 +- docs/5.3/forms/input-group/index.html | 2 +- docs/5.3/forms/layout/index.html | 2 +- docs/5.3/forms/overview/index.html | 2 +- docs/5.3/forms/range/index.html | 2 +- docs/5.3/forms/select/index.html | 2 +- docs/5.3/forms/validation/index.html | 2 +- docs/5.3/getting-started/accessibility/index.html | 2 +- docs/5.3/getting-started/best-practices/index.html | 2 +- docs/5.3/getting-started/browsers-devices/index.html | 2 +- docs/5.3/getting-started/contents/index.html | 2 +- docs/5.3/getting-started/contribute/index.html | 2 +- docs/5.3/getting-started/download/index.html | 2 +- docs/5.3/getting-started/introduction/index.html | 2 +- docs/5.3/getting-started/javascript/index.html | 2 +- docs/5.3/getting-started/parcel/index.html | 2 +- docs/5.3/getting-started/rfs/index.html | 2 +- docs/5.3/getting-started/rtl/index.html | 2 +- docs/5.3/getting-started/vite/index.html | 2 +- docs/5.3/getting-started/webpack/index.html | 2 +- docs/5.3/helpers/clearfix/index.html | 2 +- docs/5.3/helpers/color-background/index.html | 2 +- docs/5.3/helpers/colored-links/index.html | 2 +- docs/5.3/helpers/focus-ring/index.html | 2 +- docs/5.3/helpers/icon-link/index.html | 2 +- docs/5.3/helpers/position/index.html | 2 +- docs/5.3/helpers/ratio/index.html | 2 +- docs/5.3/helpers/stacks/index.html | 2 +- docs/5.3/helpers/stretched-link/index.html | 2 +- docs/5.3/helpers/text-truncation/index.html | 2 +- docs/5.3/helpers/vertical-rule/index.html | 2 +- docs/5.3/helpers/visually-hidden/index.html | 2 +- docs/5.3/layout/breakpoints/index.html | 2 +- docs/5.3/layout/columns/index.html | 2 +- docs/5.3/layout/containers/index.html | 2 +- docs/5.3/layout/css-grid/index.html | 2 +- docs/5.3/layout/grid/index.html | 2 +- docs/5.3/layout/gutters/index.html | 2 +- docs/5.3/layout/utilities/index.html | 2 +- docs/5.3/layout/z-index/index.html | 2 +- docs/5.3/migration/index.html | 2 +- docs/5.3/utilities/api/index.html | 2 +- docs/5.3/utilities/background/index.html | 2 +- docs/5.3/utilities/borders/index.html | 2 +- docs/5.3/utilities/colors/index.html | 2 +- docs/5.3/utilities/display/index.html | 2 +- docs/5.3/utilities/flex/index.html | 2 +- docs/5.3/utilities/float/index.html | 2 +- docs/5.3/utilities/interactions/index.html | 2 +- docs/5.3/utilities/link/index.html | 2 +- docs/5.3/utilities/object-fit/index.html | 2 +- docs/5.3/utilities/opacity/index.html | 2 +- docs/5.3/utilities/overflow/index.html | 2 +- docs/5.3/utilities/position/index.html | 2 +- docs/5.3/utilities/shadows/index.html | 2 +- docs/5.3/utilities/sizing/index.html | 2 +- docs/5.3/utilities/spacing/index.html | 2 +- docs/5.3/utilities/text/index.html | 2 +- docs/5.3/utilities/vertical-align/index.html | 2 +- docs/5.3/utilities/visibility/index.html | 2 +- docs/5.3/utilities/z-index/index.html | 2 +- 108 files changed, 108 insertions(+), 108 deletions(-) diff --git a/docs/5.3/about/brand/index.html b/docs/5.3/about/brand/index.html index 6e4642abfb..daa1ec6e96 100644 --- a/docs/5.3/about/brand/index.html +++ b/docs/5.3/about/brand/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Brand guidelines

    Documentation and examples for Bootstrap’s logo and brand usage guidelines.

    • +
    View on GitHub

    License FAQs

    Commonly asked questions about Bootstrap’s open source license.

    Bootstrap is released under the MIT license and is copyright 2025. Boiled down to smaller chunks, it can be described with the following conditions.

    diff --git a/docs/5.3/about/overview/index.html b/docs/5.3/about/overview/index.html index fe04795596..0c4c416f6e 100644 --- a/docs/5.3/about/overview/index.html +++ b/docs/5.3/about/overview/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    About Bootstrap

    Learn more about the team maintaining Bootstrap, how and why the project started, and how to get involved.

    Team

    diff --git a/docs/5.3/about/team/index.html b/docs/5.3/about/team/index.html index 72f25b5c53..6d9aa49c5d 100644 --- a/docs/5.3/about/team/index.html +++ b/docs/5.3/about/team/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Team

    An overview of the founding team and core contributors to Bootstrap.

    Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.

    diff --git a/docs/5.3/about/translations/index.html b/docs/5.3/about/translations/index.html index 3a06a25d71..f7cf5a27a3 100644 --- a/docs/5.3/about/translations/index.html +++ b/docs/5.3/about/translations/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Translations

    Links to community-translated Bootstrap documentation sites.

    Community members have translated Bootstrap’s documentation into various languages. None are officially supported and they may not always be up-to-date.

    diff --git a/docs/5.3/components/accordion/index.html b/docs/5.3/components/accordion/index.html index 3d601191ef..b01de5efc0 100644 --- a/docs/5.3/components/accordion/index.html +++ b/docs/5.3/components/accordion/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Accordion

    Build vertically collapsing accordions in combination with our Collapse JavaScript plugin.

    • +
    View on GitHub

    Alerts

    Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

    • +
    View on GitHub

    Badges

    Documentation and examples for badges, our small count and labeling component.

    • +
    View on GitHub

    Breadcrumb

    Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.

    • +
    View on GitHub

    Button group

    Group a series of buttons together on a single line or stack them in a vertical column.

    • +
    View on GitHub

    Buttons

    Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

    • +
    View on GitHub

    Cards

    Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

    • +
    View on GitHub

    Carousel

    A slideshow component for cycling through elements—images or slides of text—like a carousel.

    • +
    View on GitHub

    Close button

    A generic close button for dismissing content like modals and alerts.

    • +
    View on GitHub

    Collapse

    Toggle the visibility of content across your project with a few classes and our JavaScript plugins.

    • +
    View on GitHub

    Dropdowns

    Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.

    • +
    View on GitHub

    List group

    List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.

    • +
    View on GitHub

    Modal

    Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

    • +
    View on GitHub

    Navbar

    Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

    • +
    View on GitHub

    Navs and tabs

    Documentation and examples for how to use Bootstrap’s included navigation components.

    • +
    View on GitHub

    Offcanvas

    Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.

    • +
    View on GitHub

    Pagination

    Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

    • -Added in v5.1 +Added in v5.1 View on GitHub

    Placeholders

    Use loading placeholders (skeleton loaders) for your components or pages to indicate something may still be loading.

    • +
    View on GitHub

    Popovers

    Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.

    • +
    View on GitHub

    Progress

    Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.

    • +
    View on GitHub

    Scrollspy

    Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.

    • +
    View on GitHub

    Spinners

    Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.

    • +
    View on GitHub

    Toasts

    Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.

    • +
    View on GitHub

    Tooltips

    Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage.

    • +
    View on GitHub

    Figures

    Documentation and examples for displaying related images and text with the figure component in Bootstrap.

    • +
    View on GitHub

    Images

    Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them—all via classes.

    • +
    View on GitHub

    Reboot

    Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.

    • +
    View on GitHub

    Tables

    Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.

    • +
    View on GitHub

    Typography

    Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.

    • -Added in v5.3 +Added in v5.3 View on GitHub

    Color modes

    Bootstrap now supports color modes, or themes, as of v5.3.0. Explore our default light color mode and the new dark mode, or create your own using our styles as your template.

    • +
    View on GitHub

    Color

    Bootstrap is supported by an extensive color system that themes our styles and components. This enables more comprehensive customization and extension for any project.

    • +
    View on GitHub

    Components

    Learn how and why we build nearly all our components responsively and with base and modifier classes.

    • +
    View on GitHub

    CSS variables

    Use Bootstrap’s CSS custom properties for fast and forward-looking design and development.

    • +
    View on GitHub

    Optimize

    Keep your projects lean, responsive, and maintainable so you can deliver the best experience and focus on more important jobs.

    • +
    View on GitHub

    Options

    Quickly customize Bootstrap with built-in variables to easily toggle global CSS preferences for controlling style and behavior.

    Customize Bootstrap with our built-in custom variables file and easily toggle global CSS preferences with new $enable-* Sass variables. Override a variable’s value and recompile with npm run test as needed.

    diff --git a/docs/5.3/customize/overview/index.html b/docs/5.3/customize/overview/index.html index 102b716d85..e11acdd05a 100644 --- a/docs/5.3/customize/overview/index.html +++ b/docs/5.3/customize/overview/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Customize

    Learn how to theme, customize, and extend Bootstrap with Sass, a boatload of global options, an expansive color system, and more.

    Sass Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.
    Options Customize Bootstrap with built-in variables to easily toggle global CSS preferences.
    Color Learn about and customize the color systems that support the entire toolkit.
    Color modes Explore our default light mode and the new dark mode, or create custom color modes yourself.
    Components Learn how we build nearly all our components responsively and with base and modifier classes.
    CSS variables Use Bootstrap’s CSS custom properties for fast and forward-looking design and development.
    Optimize Keep your projects lean, responsive, and maintainable so you can deliver the best experience.

    Overview

    diff --git a/docs/5.3/customize/sass/index.html b/docs/5.3/customize/sass/index.html index 70fab6605f..4b6da74c21 100644 --- a/docs/5.3/customize/sass/index.html +++ b/docs/5.3/customize/sass/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Sass

    Utilize our source Sass files to take advantage of variables, maps, mixins, and functions to help you build faster and customize your project.

    • +
    View on GitHub

    Docs reference

    Examples of Bootstrap’s documentation-specific components and styles.

    • +
    View on GitHub

    Approach

    Learn about the guiding principles, strategies, and techniques used to build and maintain Bootstrap so you can more easily customize and extend it yourself.

    While the getting started pages provide an introductory tour of the project and what it offers, this document focuses on why we do the things we do in Bootstrap. It explains our philosophy to building on the web so that others can learn from us, contribute with us, and help us improve.

    diff --git a/docs/5.3/extend/icons/index.html b/docs/5.3/extend/icons/index.html index 266214d11c..393be51ebf 100644 --- a/docs/5.3/extend/icons/index.html +++ b/docs/5.3/extend/icons/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Icons

    Guidance and suggestions for using external icon libraries with Bootstrap.

    While Bootstrap doesn’t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We’ve included details for Bootstrap Icons and other preferred icon sets below.

    diff --git a/docs/5.3/forms/checks-radios/index.html b/docs/5.3/forms/checks-radios/index.html index efac2e9fb6..6d758b1474 100644 --- a/docs/5.3/forms/checks-radios/index.html +++ b/docs/5.3/forms/checks-radios/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Checks and radios

    Create consistent cross-browser and cross-device checkboxes and radios with our completely rewritten checks component.

    • +
    View on GitHub

    Floating labels

    Create beautifully simple form labels that float over your input fields.

    • +
    View on GitHub

    Form controls

    Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

    • +
    View on GitHub

    Input group

    Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

    • +
    View on GitHub

    Layout

    Give your forms some structure—from inline to horizontal to custom grid implementations—with our form layout options.

    • +
    View on GitHub

    Forms

    Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

    • +
    View on GitHub

    Range

    Use our custom range inputs for consistent cross-browser styling and built-in customization.

    • +
    View on GitHub

    Select

    Customize the native <select>s with custom CSS that changes the element’s initial appearance.

    • +
    View on GitHub

    Validation

    Provide valuable, actionable feedback to your users with HTML5 form validation, via browser default behaviors or custom styles and JavaScript.

    • +
    View on GitHub

    Accessibility

    A brief overview of Bootstrap’s features and limitations for the creation of accessible content.

    • +
    View on GitHub

    Best practices

    Learn about some of the best practices we’ve gathered from years of working on and using Bootstrap.

    We’ve designed and developed Bootstrap to work in a number of environments. Here are some of the best practices we’ve gathered from years of working on and using it ourselves.

    diff --git a/docs/5.3/getting-started/browsers-devices/index.html b/docs/5.3/getting-started/browsers-devices/index.html index b26c822a6c..a38838900e 100644 --- a/docs/5.3/getting-started/browsers-devices/index.html +++ b/docs/5.3/getting-started/browsers-devices/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Browsers and devices

    Learn about the browsers and devices, from modern to old, that are supported by Bootstrap, including known quirks and bugs for each.

    • +
    View on GitHub

    Contents

    Discover what’s included in Bootstrap, including our compiled and source code flavors.

    • +
    View on GitHub

    Contribute

    Help develop Bootstrap with our documentation build scripts and tests.

    • +
    View on GitHub

    Download

    Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

    • +
    View on GitHub

    Get started with Bootstrap

    Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.

    • +
    View on GitHub

    JavaScript

    Bring Bootstrap to life with our optional JavaScript plugins. Learn about each plugin, our data and programmatic API options, and more.

    • +
    View on GitHub

    Bootstrap and Parcel

    The official guide for how to include and bundle Bootstrap’s CSS and JavaScript in your project using Parcel.

    • +
    View on GitHub

    RFS

    Bootstrap’s resizing engine responsively scales common CSS properties to better utilize available space across viewports and devices.

    • +
    View on GitHub

    RTL

    Learn how to enable support for right-to-left text in Bootstrap across our layout, components, and utilities.

    • +
    View on GitHub

    Bootstrap and Vite

    The official guide for how to include and bundle Bootstrap’s CSS and JavaScript in your project using Vite.

    • +
    View on GitHub

    Bootstrap and Webpack

    The official guide for how to include and bundle Bootstrap’s CSS and JavaScript in your project using Webpack.

    • +
    View on GitHub

    Clearfix

    Quickly and easily clear floated content within a container by adding a clearfix utility.

    Easily clear floats by adding .clearfix to the parent element. Can also be used as a mixin.

    diff --git a/docs/5.3/helpers/color-background/index.html b/docs/5.3/helpers/color-background/index.html index ff8fc339ac..ba8f49f943 100644 --- a/docs/5.3/helpers/color-background/index.html +++ b/docs/5.3/helpers/color-background/index.html @@ -13,7 +13,7 @@ Dark
    • -Added in v5.2 +Added in v5.2 View on GitHub

    Color and background

    Set a background color with contrasting foreground color.

    • +
    View on GitHub

    Colored links

    Colored links with hover states

    • -Added in v5.3 +Added in v5.3 View on GitHub

    Focus ring

    Utility classes that allows you to add and modify custom focus ring styles to elements and components.

    • -Added in v5.3 +Added in v5.3 View on GitHub

    Icon link

    Quickly create stylized hyperlinks with Bootstrap Icons or other icons.

    • +
    View on GitHub

    Position

    Use these helpers for quickly configuring the position of an element.

    • +
    View on GitHub

    Ratios

    Use generated pseudo elements to make an element maintain the aspect ratio of your choosing. Perfect for responsively handling video or slideshow embeds based on the width of the parent.

    • -Added in v5.1 +Added in v5.1 View on GitHub

    Stacks

    Shorthand helpers that build on top of our flexbox utilities to make component layout faster and easier than ever.

    • +
    View on GitHub

    Stretched link

    Make any HTML element or Bootstrap component clickable by “stretching” a nested link via CSS.

    Add .stretched-link to a link to make its containing block clickable via a ::after pseudo element. In most cases, this means that an element with position: relative; that contains a link with the .stretched-link class is clickable. Please note given how CSS position works, .stretched-link cannot be mixed with most table elements.

    diff --git a/docs/5.3/helpers/text-truncation/index.html b/docs/5.3/helpers/text-truncation/index.html index b82804f0f1..f9b4735189 100644 --- a/docs/5.3/helpers/text-truncation/index.html +++ b/docs/5.3/helpers/text-truncation/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Text truncation

    Truncate long strings of text with an ellipsis.

    For longer content, you can add a .text-truncate class to truncate the text with an ellipsis. Requires display: inline-block or display: block.

    diff --git a/docs/5.3/helpers/vertical-rule/index.html b/docs/5.3/helpers/vertical-rule/index.html index fc35ec3523..882e7422f5 100644 --- a/docs/5.3/helpers/vertical-rule/index.html +++ b/docs/5.3/helpers/vertical-rule/index.html @@ -15,7 +15,7 @@ Dark
    • -Added in v5.1 +Added in v5.1 View on GitHub

    Vertical rule

    Use the custom vertical rule helper to create vertical dividers like the <hr> element.

    • +
    View on GitHub

    Visually hidden

    Use these helpers to visually hide elements but keep them accessible to assistive technologies.

    Visually hide an element while still allowing it to be exposed to assistive technologies (such as screen readers) with .visually-hidden. Use .visually-hidden-focusable to visually hide an element by default, but to display it when it’s focused (e.g. by a keyboard-only user). .visually-hidden-focusable can also be applied to a container–thanks to :focus-within, the container will be displayed when any child element of the container receives focus.

    diff --git a/docs/5.3/layout/breakpoints/index.html b/docs/5.3/layout/breakpoints/index.html index f7eefbc274..999441159a 100644 --- a/docs/5.3/layout/breakpoints/index.html +++ b/docs/5.3/layout/breakpoints/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Breakpoints

    Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.

    • +
    View on GitHub

    Columns

    Learn how to modify columns with a handful of options for alignment, ordering, and offsetting thanks to our flexbox grid system. Plus, see how to use column classes to manage widths of non-grid elements.

    • +
    View on GitHub

    Containers

    Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport.

    • -Added in v5.1 +Added in v5.1 View on GitHub

    CSS Grid

    Learn how to enable, use, and customize our alternate layout system built on CSS Grid with examples and code snippets.

    • +
    View on GitHub

    Grid system

    Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

    • +
    View on GitHub

    Gutters

    Gutters are the padding between your columns, used to responsively space and align content in the Bootstrap grid system.

    • +
    View on GitHub

    Utilities for layout

    For faster mobile-friendly and responsive development, Bootstrap includes dozens of utility classes for showing, hiding, aligning, and spacing content.

    • +
    View on GitHub

    Z-index

    While not a part of Bootstrap’s grid system, z-indexes play an important part in how our components overlay and interact with one another.

    Several Bootstrap components utilize z-index, the CSS property that helps control layout by providing a third axis to arrange content. We utilize a default z-index scale in Bootstrap that’s been designed to properly layer navigation, tooltips and popovers, modals, and more.

    diff --git a/docs/5.3/migration/index.html b/docs/5.3/migration/index.html index 26374a0e7b..1d061a5a4c 100644 --- a/docs/5.3/migration/index.html +++ b/docs/5.3/migration/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Migrating to v5

    Track and review changes to the Bootstrap source files, documentation, and components to help you migrate from v4 to v5.

    • +
    View on GitHub

    Utility API

    The utility API is a Sass-based tool to generate utility classes.

    • +
    View on GitHub

    Background

    Convey meaning through background-color and add decoration with gradients.

    • +
    View on GitHub

    Borders

    Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

    • +
    View on GitHub

    Colors

    Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.

    • +
    View on GitHub

    Display property

    Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing.

    • +
    View on GitHub

    Flex

    Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.

    • +
    View on GitHub

    Float

    Toggle floats on any element, across any breakpoint, using our responsive float utilities.

    • +
    View on GitHub

    Interactions

    Utility classes that change how users interact with contents of a website.

    Text selection

    diff --git a/docs/5.3/utilities/link/index.html b/docs/5.3/utilities/link/index.html index 85f306ce22..d5e935048a 100644 --- a/docs/5.3/utilities/link/index.html +++ b/docs/5.3/utilities/link/index.html @@ -11,7 +11,7 @@ Dark
    • -Added in v5.3 +Added in v5.3 View on GitHub

    Link

    Link utilities are used to stylize your anchors to adjust their color, opacity, underline offset, underline color, and more.

    • -Added in v5.3 +Added in v5.3 View on GitHub

    Object fit

    Use the object fit utilities to modify how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.

    • -Added in v5.1 +Added in v5.1 View on GitHub

    Opacity

    Control the opacity of elements.

    The opacity property sets the opacity level for an element. The opacity level describes the transparency level, where 1 is not transparent at all, .5 is 50% visible, and 0 is completely transparent.

    diff --git a/docs/5.3/utilities/overflow/index.html b/docs/5.3/utilities/overflow/index.html index 17da8949d8..b938a98b38 100644 --- a/docs/5.3/utilities/overflow/index.html +++ b/docs/5.3/utilities/overflow/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Overflow

    Use these shorthand utilities for quickly configuring how content overflows an element.

    • +
    View on GitHub

    Position

    Use these shorthand utilities for quickly configuring the position of an element.

    • +
    View on GitHub

    Shadows

    Add or remove shadows to elements with box-shadow utilities.

    • +
    View on GitHub

    Sizing

    Easily make an element as wide or as tall with our width and height utilities.

    • +
    View on GitHub

    Spacing

    Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance.

    • +
    View on GitHub

    Text

    Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.

    • +
    View on GitHub

    Vertical alignment

    Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

    Change the alignment of elements with the vertical-alignment utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.

    diff --git a/docs/5.3/utilities/visibility/index.html b/docs/5.3/utilities/visibility/index.html index 754dec79a4..a009a8d5a6 100644 --- a/docs/5.3/utilities/visibility/index.html +++ b/docs/5.3/utilities/visibility/index.html @@ -16,7 +16,7 @@ Light Dark
    • +
    View on GitHub

    Visibility

    Control the visibility of elements, without modifying their display, with visibility utilities.

    Set the visibility of elements with our visibility utilities. These utility classes do not modify the display value at all and do not affect layout – .invisible elements still take up space in the page.

    diff --git a/docs/5.3/utilities/z-index/index.html b/docs/5.3/utilities/z-index/index.html index 902e0e1415..6b5d692e20 100644 --- a/docs/5.3/utilities/z-index/index.html +++ b/docs/5.3/utilities/z-index/index.html @@ -11,7 +11,7 @@ Dark
    • -Added in v5.3 +Added in v5.3 View on GitHub

    Z-index

    Use our low-level z-index utilities to quickly change the stack level of an element or component.