# twbs/bootstrap-sass

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/twbs-bootstrap-sass).**

12,506 stars · 3,461 forks · SCSS · MIT

## Links

- GitHub: https://github.com/twbs/bootstrap-sass
- Homepage: http://getbootstrap.com/css/#sass
- awesome-repositories: https://awesome-repositories.com/repository/twbs-bootstrap-sass.md

## Description

This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first UI toolkits and layout systems. It serves as a Sass UI library that allows for the creation of custom CSS frameworks through the use of a preprocessor to generate browser-ready stylesheets.

The framework is distinguished by its deep customization capabilities, enabling users to override default themes and visual variables using Sass variables and mixins. It utilizes a modular import system, allowing specific components to be selectively included to control the final CSS bundle size.

The toolkit covers responsive web design via a mobile-first grid layout and customizable UI componentry. It includes automated vendor prefixing for cross-browser compatibility and configuration tools for resolving font asset paths.

## Tags

### Web Development

- [Responsive CSS Frameworks](https://awesome-repositories.com/f/web-development/web-standards/responsive-css-frameworks.md) — Provides a mobile-first, responsive CSS framework based on the Bootstrap system for building adaptive user interfaces. ([source](https://github.com/twbs/bootstrap-sass/blob/master/bower.json))
- [Framework Customization](https://awesome-repositories.com/f/web-development/css-frameworks/framework-customization.md) — Enables the creation of tailored CSS frameworks by modifying Sass variables to customize a visual style library.
- [CSS Preprocessing Workflows](https://awesome-repositories.com/f/web-development/css-preprocessing-workflows.md) — Utilizes Sass preprocessing to transform dynamic variables and nested rules into standard static CSS.
- [Sass Design Systems](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/asset-management-build-tools/asset-lifecycle-orchestration/asset-pipelines/css-preprocessors/sass-design-systems.md) — Offers a Sass implementation of Bootstrap utilizing variables and mixins for deep theme customization.
- [CSS Style Modules](https://awesome-repositories.com/f/web-development/modular-architectures/css-style-modules.md) — Supports modular CSS compilation by allowing developers to import only the required component styles. ([source](https://github.com/twbs/bootstrap-sass#readme))
- [Vendor Prefix Managers](https://awesome-repositories.com/f/web-development/vendor-prefix-managers.md) — Provides automated browser-specific CSS prefixing via Sass mixins for consistent cross-browser rendering.
- [CSS File Importing](https://awesome-repositories.com/f/web-development/web-standards/responsive-css-frameworks/css-file-importing.md) — Employs a modular import system allowing selective inclusion of stylesheets to optimize final CSS bundle size.

### User Interface & Experience

- [Customizable UI Components](https://awesome-repositories.com/f/user-interface-experience/customizable-ui-components.md) — Provides a consistent set of pre-styled interface elements and layout tools themed via preprocessor variables.
- [Responsive Design](https://awesome-repositories.com/f/user-interface-experience/responsive-design.md) — Implements mobile-first responsive design with layouts and components that automatically adapt to different screen sizes.
- [Responsive Grid Systems](https://awesome-repositories.com/f/user-interface-experience/responsive-grid-systems.md) — Ships a library of components and flexbox grid systems designed for automatic layout adaptation across devices.
- [Theme Style Customizations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/theme-style-customizations.md) — Allows users to override default theme values and design tokens using Sass variables before compilation.
- [Grid Layout Systems](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/css-layout-systems/grid-layout-systems.md) — Implements a flexible, mobile-first grid system based on media queries for responsive layout structures.
- [Theme Customization](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-customization.md) — Provides a toolkit for overriding default themes and visual variables to customize UI components and layouts. ([source](https://github.com/twbs/bootstrap-sass#readme))

### Development Tools & Productivity

- [Sass Compilers](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/template-compilation-tools/template-compilation-tools/sass-compilers.md) — Converts modular Sass files into browser-ready CSS with automatic vendor prefixing during the build process.

### Part of an Awesome List

- [Web Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/web-frameworks.md) — Official Sass port of earlier Bootstrap versions.