Skip to content

Latest commit

 

History

History
40 lines (27 loc) · 1.54 KB

README.EN.md

File metadata and controls

40 lines (27 loc) · 1.54 KB

Bootstrap Italia Playground

This little project is the easiest way to start playing with Bootstrap Italia.

What's included

You'll find a plain HTML page linking Bootstrap Italia files and empty CSS and JS files to enable styling.

bootstrap-italia-playground/
│   index.html          # main html file
├── css/
│   ├── main.css        # working CSS file
└── js/
    └── main.js         # working JS file

Getting started

  • Install dependencies: npm install
  • Build the app: npm run build
  • Run a local server: npm run serve
  • Point a browser to: http://127.0.0.1:8080/

Updating Bootstrap Italia colours

To update Bootstrap Italia primary colour, please refer to the scss/main.scss file, where $primary colour variable is overridden.
To build a customised version of the library:

  • Build a custom Bootstrap Italia CSS file with npm run build
  • Comment out original Bootstrap Italia CSS <link href="/node_modules/bootstrap-italia/dist/css/bootstrap-italia.min.css" rel="stylesheet">
  • Uncomment Bootstrap Italia custom CSS <link href="/css/bootstrap-italia-custom.min.css" rel="stylesheet">

Just run npm run serve again: everything should be red! :)

Reference

Bootstrap Italia documentation is hosted on GitHub pages at https://italia.github.io/bootstrap-italia/docs/come-iniziare/personalizzazione-della-libreria/ (in italian).