https://github.com/lorussogiacomoluca/html-css-bootstrap-dashboard
Exercise #18 - 11/03/2025
https://github.com/lorussogiacomoluca/html-css-bootstrap-dashboard
bootstrap component form grid html
Last synced: over 1 year ago
JSON representation
Exercise #18 - 11/03/2025
- Host: GitHub
- URL: https://github.com/lorussogiacomoluca/html-css-bootstrap-dashboard
- Owner: lorussogiacomoluca
- Created: 2025-03-11T12:17:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T14:35:46.000Z (over 1 year ago)
- Last Synced: 2025-03-11T14:35:48.020Z (over 1 year ago)
- Topics: bootstrap, component, form, grid, html
- Language: HTML
- Homepage:
- Size: 207 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Esercizio #18: Bootstrap Dashboard
## 📋 Informazioni sul Progetto
- **Cartella/Repo**: `html-css-bootstrap-dashboard`
## 📝 Descrizione
Ricreiamo il layout responsive di una dashboard, ovvero il pannello di controllo di una ipotetica applicazione web, seguendo gli screenshot allegati. La richiesta è realizzarlo utilizzando Bootstrap 5. Teniamo sempre sotto mano la documentazione della libreria per usare le caratteristiche principali nel modo corretto. Potrebbero tornarci utili anche componenti, classi helper, utilities etc.
## 💡 Consigli
Ricordiamo che Bootstrap ha già molti componenti pronti all'uso che potete utilizzare direttamente come sono (as-is) o con qualche personalizzazione (customized). Alcuni li abbiamo già usati, altri li trovate come sempre nella documentazione ufficiale del framework.
Ogni volta che volete usare un componente di Bootstrap fate sempre una prova su un altro file, copiate il codice di esempio dalla documentazione, osservate il comportamento, e solo quando siete sicuri che tutto funzioni come volete, integratelo nel vostro layout.
Così facendo il codice CSS custom che scriverete risulterà abbastanza ridotto.
## 🎯 Obiettivi
- Creare un layout responsive utilizzando Bootstrap 5
- Implementare correttamente i componenti Bootstrap
- Personalizzare il framework secondo le necessità del progetto
---
### 💻 Buon lavoro!