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
Gli stili dei button con Bootstrap (#135) 1
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Blazor: Forms
Applicare filtri alla telemetria di Application Insight con ASP.NET Core
Introdurre la security nelle best practice di (Azure) DevOps
Montare una file share con Azure Container Instance
Impostare e validare il tipo dei parametri nei template delle pipeline di Azure DevOps
Blazor: Security
Ecco .NET 5: l'alba di una nuova era per lo sviluppatore .NET
Eseguire più query in un solo comando usando la libreria Entity Framework Plus
Utilizzare l'optional chaining operator di TypeScript per semplificare il controllo di oggetti null o undefined
Realizzare un effetto gradiente tramite composition API nella Universal Windows Platform
Produrre e condividere una variabile tra step in una pipeline YAML di Azure DevOps
SSL Certificates for everyone on Azure
I più letti di oggi
- Creare un web server locale con LiveReload
- Operatori di confronto in JavaScript: == e ===
- Microsoft WebCamp - Roma, Milano
- Dev Night #2: Serverless - Milano
- Disponibile la release finale di Moonlight 1.0
- Lancio ufficiale di Moonlight 1.0
- Disponibile il Silverlight Toolkit March 2009 Release
- MonoTouch in versione 1.0: C# per iPhone diventa realtà