DOCSEARCHbyAlgolia
Submit Docs

Bootstrap Documentation

website·Indexed 33 days ago

https://bootstrap-4.ru/docs/

Documentation for the Bootstrap front-end framework, covering versions 4.0, 5.0, 5.1, and 5.2. Includes guides on the mobile-first flexbox grid system, layout containers, and components such as buttons, cards, carousels, dropdowns, and navigation. Provides technical details on CSS variables, Sass customization, form validation, and utility classes for colors and flexbox.

Tokens
949.5K
Snippets
5.4K
Records
6.9K
Agent score
57%

What's inside Bootstrap

  1. Overview of the Bootstrap Utility API

    The Bootstrap Utility API is a Sass-based tool used to create utility classes. It relies on a series of Sass maps and functions. All utilities are defined in the $utilities map (located in _utilities.scss), which can be extended or modified by adding a custom $utilities map in your own Sass files.

  2. Overview of Bootstrap 2.3.2

    Bootstrap 2.3.2 is a simple and easily customizable HTML, CSS, and JavaScript toolkit. It is designed for cross-browser compatibility, including support for IE7, and is responsive for tablets and smartphones using dynamic CSS. The framework is built using LESS CSS, compiled via Node, and managed through GitHub.

  3. Overview of the Bootstrap 5.3 Utilities API

    The Utilities API is a Sass-based tool used to create utility classes. It relies on a series of Sass maps and functions to generate families of classes based on specific parameters. All utility definitions are stored in the $utilities map within _utilities.scss. Developers can extend or modify this map to customize the generated CSS classes.

  4. Overview of Bootstrap RFS

    RFS (Responsive Font Sizes) is a Bootstrap mechanism designed to automatically scale CSS properties (such as font-size, margin, padding, border-radius, and box-shadow) based on the browser viewport size. It compiles values into CSS calc() functions using a mix of rem and viewport units to ensure fluid scaling across different devices.

  5. Overview of Bootstrap RFS (Responsive Font Sizes)

    RFS is a resizing mechanism used by Bootstrap to scale CSS properties (such as font-size, margin, padding, border-radius, and box-shadow) to better utilize available space across different viewport sizes. It automatically calculates values and compiles them into CSS calc() functions combining rem and viewport units for fluid scaling.

  6. Overview of Bootstrap RFS (Responsive Font Sizes)

    RFS is a resizing mechanism used by Bootstrap to automatically scale CSS properties (such as font-size, margin, padding, border-radius, and box-shadow) based on the browser viewport size. It compiles these values into CSS calc() functions combining rem and viewport units to ensure fluid scaling across different devices.

  7. Overview of Bootstrap RFS (Responsive Font Sizes)

    RFS is a resizing mechanism used by Bootstrap to automatically scale CSS properties—such as font-size, margin, padding, border-radius, and box-shadow—to better utilize available space across different viewport sizes. It compiles these properties into CSS calc() functions combining rem and viewport units to ensure fluid scaling.

  8. Overview of the Bootstrap Utility API

    The Utility API is a Sass-based tool used to create utility classes in Bootstrap. It relies on a series of Sass maps and functions to generate families of classes. All utilities are defined in the $utilities map within _utilities.scss. Developers can extend or modify the default utility set by adding their own entries to this map.

  9. Overview of the Bootstrap Utility API

    The Utility API is a Sass-based tool used to create utility classes. It relies on a series of Sass maps and functions to generate families of classes based on specific parameters. The primary configuration is stored in the $utilities map, which can be extended or modified by the user to change the default set of utility classes.

  10. Understand the Reboot CSS library

    Bootstrap v4 introduces 'Reboot', a CSS reset library based on Normalize. It uses element selectors instead of classes to isolate reset styles from component styles. Key resets include box-sizing: border-box and the conversion of many em units to rem.

  11. Bootstrap 4 architectural changes

    Bootstrap 4 introduced two primary architectural shifts: the migration to Sass for styling and the adoption of CSS Flexbox for layout. These changes were implemented to reduce dependencies and leverage modern CSS properties and browser capabilities.

  12. Understand Bootstrap 4 Reboot base styles

    Reboot is a collection of element-specific CSS changes in a single file that provides a consistent foundation for Bootstrap. It is based on normalize.css and focuses on unifying base styles across browsers. Key design principles include:

    • Using rem instead of em for scalable content layout.
    • Avoiding margin-top to prevent vertical margin collapse and simplify the mental model of spacing.
    • Using rem for margins in block elements to improve scaling across devices.
    • Minimizing explicit font property declarations in favor of inherit where possible.