Bootstrap ha sempre dato la possibilità di creare addon prima e dopo gli input. Con Bootstrap 4 il modo di creare gli addon cambia rispetto alla versione precedente. Con la versione 4, gli addon e il controllo di input devono sempre essere inclusi in un div con classe input-group, ma, per creare gli addon, le classi da utilizzare sono input-group-prepend e input-group-append che rispettivamente creano l'addon prima e dopo il controllo di input.
<div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text">prima</span> </div> <input type="text" class="form-control"> <div class="input-group-append"> <span class="input-group-text">dopo</span> </div> </div>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare un componente Button in Blazor per operazioni asincrone
Caricare le immagini di una pagina in lazy loading con Angular
Ottimizzare le dimensioni di un'applicazione .NET Core tramite il trimming
Rinominare tabelle e colonne durante il reverse engineering con EF Core Power Tools
Inizializzazione asincrona di un servizio allo startup di un'applicazione Blazor
Utilizzare il CSS Grid Model per creare il layout di un sito
Ottimizzare la compilazione di applicazioni Angular con il Fast and Loose Incremental Checking di TypeScript
Testare le impostazioni CORS di un'applicazione ASP.NET Core
Combinare pagine Blazor e ASP.NET Core MVC nello stesso sito
Persistere una proprietà complessa di una classe come JSON in una colonna di una tabella con Entity Framework Core
Riconoscimento dei contenuti delle immagini con Azure Logic Apps e Content Moderator
Hidden gems in Azure SQL that will make every developer want to use it!
I più letti di oggi
- Creare un web server locale con LiveReload
- Modificare la modalità di esecuzione delle query con Include in Entity Framework Core 5
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Abilitare il drag&drop delle righe di una tabella in Angular
- Testare le impostazioni CORS di un'applicazione ASP.NET Core
- Esecuzione condizionale dei task nelle pipeline YAML di Azure DevOps
- Attesa e validazione manuale nelle pipeline YAML di Azure DevOps