explaingit

twbs/bootstrap-sass

★ 12,506SCSSAudience · developerComplexity · 2/5Setup · easy

TLDR

The official Sass port of Bootstrap 3, letting you customize Bootstrap's colors, sizes, and components using Sass variables before compilation, installable as a Ruby gem, npm package, or Bower package for Ruby on Rails and Node.js projects.

Mindmap

mindmap
  root((bootstrap-sass))
    What it does
      Bootstrap 3 Sass port
      Variable customization
      Component selection
    Install methods
      Ruby gem for Rails
      npm for Node.js
      Bower package
    Customization
      Sass variables
      Partial imports
      Smaller bundles
    Limitations
      Bootstrap 3 only
      Legacy projects
      Separate repo for v4
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Add bootstrap-sass as a Ruby gem to a Rails project to use Bootstrap 3 with Sass-based customization.

USE CASE 2

Customize Bootstrap 3's color scheme and typography by overriding Sass variables before your stylesheet compiles.

USE CASE 3

Import only the Bootstrap components your project needs to keep the final CSS file small.

Tech stack

SCSSJavaScriptRubynpm

Getting it running

Difficulty · easy Time to first run · 30min

This repo covers Bootstrap 3 only, Bootstrap 4 and later have separate repos with different Sass integration approaches.

No license information is mentioned in the explanation.

In plain English

Bootstrap is a popular toolkit for building the visual look of websites, providing pre-made styles for buttons, forms, navigation bars, and other common elements. This repository is the official Sass port of Bootstrap 3, meaning it translates Bootstrap's styling code into a format that works with the Sass stylesheet language. Sass is an extension of regular CSS that adds features like variables, nesting, and reusable style chunks. The main reason to use this version over plain Bootstrap is that Sass lets you customize Bootstrap's colors, sizes, and behavior by changing variables before the styles are compiled, rather than overriding styles after the fact. You can also pick and choose which parts of Bootstrap you want to include, keeping your final stylesheet smaller. This package works with several popular installation methods. Ruby on Rails developers can add it as a gem to their project. Node.js developers can install it through npm. It is also available via Bower. The README provides detailed setup instructions for each of these paths, including how to import the styles and load the JavaScript components correctly. It is worth noting that this repository covers Bootstrap version 3 only. Bootstrap 4 and later versions handle Sass support differently and are maintained in separate repositories. This project is essentially an older, stable release kept available for projects that still rely on Bootstrap 3.

Copy-paste prompts

Prompt 1
Show me how to add bootstrap-sass to a Ruby on Rails project as a gem and customize the primary button color using a Sass variable.
Prompt 2
Using bootstrap-sass via npm, how do I import only the Bootstrap 3 grid and button styles without loading the entire library?
Prompt 3
I need to override Bootstrap 3's default navbar background color in bootstrap-sass. Show me the correct Sass variable name and where to set it in my project.
Open on GitHub → Explain another repo

← twbs on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.