Boostrap introduce una serie di stili che possono essere applicati a qualsiasi tag (button, input, a o perfino uno span), per applicare effetti che ricordano un pulsante. In generale, è consigliabile utilizzare button, per avere una maggiore compatibilità cross-browser:
<a class="btn btn-default" href="#" role="button">Salva</a> <input class="btn btn-default" type="button" value="Annulla" /> <button class="btn btn-default" type="submit">Elimina</button>
Oltre a btn, è possibile accompagnare anche uno stile che indica uno stato:
- btn-default: indica che è il pulsante predefinito;
- btn-primary: indica che è il pulsante principale;
- btn-success: il pulsante è associato allo stato di successo;
- btn-info: ha uno stile informativo;
- btn-warning: lo stato che indica è quello di attenzione;
- btn-danger: indica che è il pulsante associato ad un'azione pericolosa;
- btn-link: rimuove lo stile del pulsante, facendo diventare l'elemento un link e mantenendo il comportamento tipico di un pulsante.
Infine, è possibile regolare la dimensione servendoci di questi stili:
- btn-lg: per aumentarne la dimensione;
- btn-sm: per un pulsante piccolo;
- btn-xs: per un pulsante molto piccolo.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Generare la software bill of material (SBOM) in GitHub
Definire stili a livello di libreria in Angular
Miglioramenti agli screen reader e al contrasto in Angular
Gestione degli stili CSS con le regole @layer
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
Utilizzare il trigger SQL con le Azure Function
Utilizzare politiche di resiliency con Azure Container App
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Referenziare un @layer più alto in CSS
Miglioramenti nelle performance di Angular 16
Change tracking e composition in Entity Framework
I più letti di oggi
- Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
- Creare una libreria CSS universale: Cards
- Eseguire script pre e post esecuzione di un workflow di GitHub