Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

bootstrap-italia

italia22.9kBSD-3-Clause2.14.0TypeScript support: included

Bootstrap Italia è un tema Bootstrap 5 per la creazione di applicazioni web nel pieno rispetto delle linee guida di design per i siti internet e i servizi digitali della PA

css, sass, mobile-first, responsive, front-end, framework, web

readme

Bootstrap Italia

Versione Build GitHub issues License Join the #design channel Get invited

🇬🇧 English version

⚠️ La versione 1.x di Bootstrap Italia (basata su Bootstrap 4) è deprecata

Bootstrap Italia è un framework basato su Bootstrap 5.

Bootstrap Italia eredita tutte le funzionalità, componenti, mixins, grid system, e altro già presenti in Bootstrap 5, personalizzandole per implementare soluzioni secondo le Linee guida di design per i siti internet e i servizi digitali delle Pubbliche Amministrazioni.

Bootstrap Italia è la risorsa di sviluppo dell'ecosistema design system del Paese e implementa pattern e componenti di UI Kit Italia in codice pronto all'uso!

La roadmap del progetto è consultabile nel piano attività di Designers Italia.

Esplora la documentazione di sviluppo »

Esplora la documentazione del design system del Paese »

oppure

Scarica l'ultima versione del framework »

Indice

Segnalazioni e richieste di aiuto

Vuoi fare una segnalazione o una richiesta?

Prima di tutto assicurati che sia un team relativo a Bootstrap Italia e non alla libreria Bootstrap da cui deriva (in tal caso puoi fare riferimento al repository di Bootstrap), scopri il modello di contribuzione del design system del Paese, e poi dai un'occhiata alle indicazioni di dettaglio su come creare una issue a Bootstrap italia.

Come contribuire

Vorresti dare una mano su Bootstrap Italia? Sei nel posto giusto!

Se non l'hai già fatto, inizia spendendo qualche minuto per approfondire la tua conoscenza sulle "Linee guida di design per i siti internet e i servizi digitali della PA" e del manuale operativo di design a supporto partendo dalla pagina dedicata di Designers Italia, scopri il modello di contribuzione del design system del Paese, e fai riferimento alle indicazioni di dettaglio su come contribuire a Bootstrap Italia.

A questo punto, è necessario impostare il tuo ambiente locale per la compilazione dei file sorgente e la generazione della documentazione. Puoi usare Docker per far partire l'ambiente di sviluppo.

docker-compose up

Licenze software dei componenti di terze parti

Componenti distribuiti con Bootstrap Italia

Vengono di seguito elencati i componenti distribuiti con Bootstrap Italia che hanno una propria licenza diversa da CC0.

Principali dipendenze per la fase di compilazione e sviluppo

  • Generatore di siti statici per ruby Jekyll, © Tom Preston-Werner and Jekyll contributors, licenza MIT
  • Tool per il testing della correttezza formale dell'HTML html-proofer, © Garen Torikian, licenza MIT
  • Tool per il reload automatico del browser Browser Sync Apache License Version 2.0
  • Gestione del versionamento conventional-changelog © conventional-changelog team, ISC License
  • Build system per le librerie Javascript e CSS Rollup.js, © questi contributori, licenza MIT
  • Code formatter per Javascript Prettier, © James Long and contributors, licenza MIT
  • Compilazione SASS sass, © Google Inc., licenza MIT
  • GitHub REST API client per JavaScript Octokit rest.js © Cloud9 IDE, Inc. (Mike de Boer), 2017-2018 Octokit contributors, licenza MIT

Componenti utilizzati per la documentazione

Di seguito sono elencati invece i componenti utilizzati per il sito della documentazione ma non ridistribuiti nella libreria Bootstrap Italia

Licenza

La licenza di Bootstrap Italia è BSD 3-Clause ed è visibile nel file LICENSE.

BrowserStack logo

We are using BrowserStack for interactive cross browser testing. They are sponsoring our open source project!

changelog

2.14.0 (2025-03-10)

Bug Fixes

  • accessible autocomplete ssr (c3c8db3)
  • button default color (352984e)
  • form-check radio and checkbox items line height (abfc48c)
  • input number in firefox (f171fb8)
  • use data to set focus instead of class (7350bf4)

Features

BREAKING CHANGES

  • new autocomplete component
  • carousel component is now Carousel instead of CarouselBI
  • global focus is set by data attribute instead of class

2.13.4 (2025-02-10)

Bug Fixes

  • button text and icon space (36a6c33)
  • show big button on mobile for youtube videos (b25a3fe)

2.13.3 (2025-02-03)

Bug Fixes

  • types: type only import for bootstrap factory methods (f01bea8)

2.13.2 (2025-01-29)

Bug Fixes

  • focus management on specific elements (55360e8)
  • focus on input and buttons (af4503a)
  • more focus adjustments (0e842eb)

2.13.1 (2025-01-24)

Bug Fixes

2.13.0 (2025-01-23)

Bug Fixes

  • a11y: add aria hidden to icons and warnings (63e775f)
  • a11y: change steppers icons attributes (2f78c2b)
  • add input-symbol-label class (ae84917)
  • badge position in toolbar (d4593e5)
  • dropdown hover and active background (7a042ff)
  • hero updates for typography, spacing and content (b1850b8)
  • icon: replace padding with margin (2090397)
  • just validate style (ba0c273)
  • link list active state (01f0f4e)
  • modal position (39e4edd)
  • remove filler from card tabs (89537f0)
  • show label on invalid empty input (f352b18)
  • tab selection and styles (f7af494)
  • text area border (da0ef0b)
  • toggle appearance in forms (f989f8d)

Features

  • new codebase with bootstrap (6856ac5)
  • types: add video type (4a5c555)

BREAKING CHANGES

  • div filler has been removed in card tabs
  • use class input-symbol-label for percentage and currency
  • a11y: hide non-interactive Steppers icons from the accessibility API

2.12.1 (2024-11-27)

Bug Fixes

2.12.0 (2024-11-25)

Bug Fixes

  • remove removed element reference from toolbar (7ea92a4)

Features

2.11.2 (2024-11-19)

Bug Fixes

2.11.1 (2024-11-18)

Bug Fixes

2.11.0 (2024-11-05)

Bug Fixes

Features

  • a11y: improve component Timeline (6cb5896)
  • add form-control class to inputs (a8fb742)
  • evolve component skiplinks (17230b2)
  • new list link semantics and states (0963ec8)
  • use of figure and figcaption for images list (cf54b3f)

2.10.0 (2024-10-11)

Features

  • a11y: add accessibility features to input password (c2a7b22)
  • checkbox toggle and radio groups rewrite (d661b18)

2.9.2 (2024-10-02)

Bug Fixes

  • added form-control class (549fcba)
  • extra space on webkit browsers (0d7c04e)
  • remove duplicated properties (0bf3801)
  • remove duplicated properties (8539e6a)
  • update icon minus (2e45455)

2.9.1 (2024-09-17)

Bug Fixes

  • a11y: change aria-describedby to aria-labelledby in section component (a4ece2d)
  • a11y: italian messages by default for select autocomplete (3674652)
  • alert link underline (9aa281d)

Features

  • add parameter for localized generic validation messages (5156681)

2.9.0 (2024-08-05)

Bug Fixes

Features

  • add !default statement for footer (521d775)

2.8.8 (2024-06-04)

Bug Fixes

2.8.7 (2024-05-20)

Bug Fixes

2.8.6 (2024-05-20)

Bug Fixes

  • check document presence on ssr (3e91b5d)

2.8.5 (2024-05-08)

Bug Fixes

  • remove deprecated declaration (f6d391b)

2.8.4 (2024-03-22)

Bug Fixes

2.8.3 (2024-03-12)

Bug Fixes

2.8.2 (2024-01-10)

Bug Fixes

  • removed forced underline (1ed1bea)

2.8.1 (2023-12-18)

Bug Fixes

2.8.0 (2023-12-15)

Features

  • a11y: buttons and anchors changes (5dcd6e8)
  • a11y: new megamenu (96005f7)
  • new input with prepend icon (825cdca)

2.7.12 (2023-12-13)

Bug Fixes

  • input group text height (3f53e1a)

2.7.11 (2023-12-13)

Bug Fixes

2.7.10 (2023-12-07)

Bug Fixes

2.7.9 (2023-12-05)

Bug Fixes

  • create label inputs on page load (41b26d7)
  • form validations (5fcab94)

2.7.8 (2023-11-30)

Bug Fixes

  • active label input group (53c303b)
  • chips margins (ee4a81e)
  • container xl max width (3ce6086)
  • i18n: video component italian labels (9679e1b)

Features

  • remove bootstrap italia comuni (35d56a2)

2.7.7 (2023-11-21)

Bug Fixes

  • video js bar popup elements (fdd9a63)

2.7.6 (2023-11-16)

Bug Fixes

Features

  • add sizes large and xl to standard and double spinners (5db40d9)

2.7.5 (2023-10-25)

Bug Fixes

  • hide unnecessary video controls on mobile (b671d02)

2.7.4 (2023-10-18)

Bug Fixes

  • load youtube plugin from bootstrap italia (1b55ad3)

2.7.3 (2023-10-10)

Deps Fixes

  • progressbar.js vulnerabilities

2.7.2 (2023-10-09)

Bug Fixes

2.7.1 (2023-10-05)

Bug Fixes

  • increase accept overlay opacity (0571580)
  • radio and checkbox selection (8ac1243)
  • typography misalignments (#975) (8ac9001)
  • video overlay on firefox browser (0e2dd00)
  • video player overlay check and button order (7241a9d)

Features

  • add android, ios and x icons (4c39e62)

2.7.0 (2023-09-25)

Bug Fixes

  • a11y: nav-link anchor set focus on target (51d69cf)

Features

2.6.2 (2023-09-18)

Bug Fixes

2.6.1 (2023-07-14)

Bug Fixes

  • brighter text colors (7017ef2)
  • remove right margin from card (4ba3977)

2.6.0 (2023-06-28)

Bug Fixes

  • escape selector when getting label (9ed1057)
  • navscroll content checking (08be5d9)

Features

2.5.1 (2023-06-13)

Bug Fixes

  • card with image not having padding around body text (75d52b3)
  • pager link font weight (4a90a72)

2.5.0 (2023-05-29)

Bug Fixes

  • use primary variables on footer (875d568)

Features

  • buttons outline color variations (07114d1)

2.4.3 (2023-05-24)

Bug Fixes

  • types: return type for load fonts (e608718)

2.4.2 (2023-05-08)

Bug Fixes

  • attempt to remove display block from active step (5fabb2f)

2.4.1 (2023-05-03)

Bug Fixes

  • arrow not getting white when background is primary (f594187)
  • types: remove parameter initializer (b33854b)

2.4.0 (2023-05-02)

Bug Fixes

  • a11y: cards subtitles (8ebeac1)
  • add types for loadfonts (a9cd91f)
  • background color for alert is white (5344936)

Features

2.3.8 (2023-04-19)

Bug Fixes

  • a11y: reset white background for examples (939e9e9)
  • add padding to cards in carousel (d0796e2)
  • box shadow in buttons (a593394)
  • cards padding for carousel on mobile (0023a37)
  • carousel single slide wrapper background (25c86e4)
  • hover on dark outline secondary button (88481bc)
  • primary and secondary outline buttons (b1040f0)
  • remove background for timeline cards (04cabf3)

2.3.7 (2023-04-13)

Bug Fixes

  • carousel dots on card (0e00a55)
  • use same site script for cookiebar (9c9ca62)

2.3.6 (2023-03-22)

Bug Fixes

  • horizontal nav tabs scroll (593d130)

2.3.5 (2023-03-03)

Bug Fixes

2.3.4 (2023-02-09)

Bug Fixes

  • restore hsb primary and new custom variables (6c9d942)
  • right and left padding on nav-link (457148a)

2.3.3 (2023-02-08)

Bug Fixes

  • deps: add bs types to dependencies (d65fce2)
  • dropdown box shadow (5e26d28)

2.3.2 (2023-01-27)

Bug Fixes

2.3.1 (2023-01-27)

Bug Fixes

2.3.0 (2023-01-26)

Bug Fixes

  • a11y: add tab index on back to top component (70f3f4d)
  • a11y: scss color adjustments (edb2571)
  • a11y: separate index counter from lists on steppers (0c4d218)
  • a11y: toolbar divider accessibility (60792d1)
  • abbr tag style (1cadb9a)
  • bind events on active input labels (b96274d)
  • container max-width for xl breakpoint (abb3fac)
  • main entry points to a non-existing file (c2e68d5)
  • textarea validation icon (94d979c)

Features

2.2.0 (2023-01-01)

Bug Fixes

  • dynamic bind for components (4456c53)
  • dynamic bind for input number and search autocomplete (0085bd0)
  • dynamic bind input upload drag and drop (c27bcc1)
  • dynamic bind input, input number and input password (4d580f5)
  • header-sticky script converted to a component (1a23929)
  • move splide and autocomplete css outside js (b396523)
  • new icons for medium (cc625e5)
  • removed import header sticky as script (2cde962)

Features

  • move js fonts loading externally (932f68b)
  • use active class when you set placeholder attribute to inputs (675d2c2)

2.1.1 (2022-12-14)

Bug Fixes

2.1.0 (2022-12-13)

Bug Fixes

  • foit using swap to display fonts (6486e28)
  • removed duplicate style definitions (60e5cbf)

Features

  • new icons for files and platforms (af25acc)

2.0.9 (2022-11-08)

Bug Fixes

  • a11y: focus on close button when opening the nav menu on mobile (54af974)
  • a11y: prevented page scroll when nav menu is opened (127b416)
  • core: row-column-border on mobile interfaces (80f8cdf)

2.0.8 (2022-10-28)

Bug Fixes

  • button outline secondary shadow (974db9d)
  • update z-index value for sticky (d55a655)

2.0.7 (2022-10-18)

Bug Fixes

  • restored left and right padding to card-body in a card-img (bfd7298)

2.0.6 (2022-10-06)

Bug Fixes

  • core: types path in package.json (05e743a)

2.0.5 (2022-10-05)

Bug Fixes

  • core: steppers active element on desktop (287dd99)

2.0.4 (2022-09-09)

Bug Fixes

  • core: timeline elements spaces (5190210)
  • core: timeline fix (e716e77)
  • core: z-index nav and timeline (bdfe095)

2.0.3 (2022-08-24)

Bug Fixes

  • core: remove border on dark elements and simple cards (8451acf)

2.0.2 (2022-07-27)

Bug Fixes

  • core: icon right style (aa28ac3)
  • core: sidebar collapsable mobile (0f9ac18)
  • core: navscroll on scroll method (9199e7a)
  • dismissable chip (df6661b)

Features

  • add WAI, remove Google Analytics (29f672b)

2.0.1 (2022-07-23)

Bug Fixes

  • pin bootstrap version to 5.1.3 (b97062e)

2.0.0 (2022-07-22)

Bug Fixes

  • Lot of bug fixes on components, design and accessibility

Features

  • Adapt version 2.0.0 to Bootstrap 5