bootstrap-css-module

Bootstrap CSS Module

Get all the Bootstrap classes as a module. 🔗

Demo > 🔗

Example code

import React from "react";
import bs from "bootstrap-css-module";

const getBsClass = (classNames = "") =>
  classNames
    .split(" ")
    .map((className) => (bs[className] ? bs[className] : className))
    .join(" ")
    .trim();

export default function App() {
  return (
    <div className={getBsClass("container mt-2")}>
      <div className={getBsClass("alert alert-primary")}>Primary Alert</div>
      <div className={getBsClass("alert alert-secondary")}>Secondary Alert</div>
      <button className={getBsClass("btn btn-primary mx-2")}>
        Primary Button
      </button>
      <button className={getBsClass("btn btn-secondary mx-2")}>
        Primary Button
      </button>
      <button className={getBsClass("btn btn-warning mx-2")}>
        Primary Button
      </button>
    </div>
  );
}