Bootstrap 4 - Componenti

Descrizione

Bootstrap 4 utilizza la raccolta di metodi di contenuto per visualizzare il testo, blocchi di codice, immagini reattive, dati in formato tabulare, ecc. Sulla pagina web.

La seguente tabella elenca i metodi di contenuto che puoi usare per manipolare Bootstrap 4 -

S.No. Metodi e descrizione
1

Avvisi

Il componente di avviso specifica il messaggio predefinito per le azioni dell'utente.

2

Distintivi

I badge vengono utilizzati per evidenziare le informazioni aggiuntive al contenuto.

3

Percorso di navigazione

Viene utilizzato per mostrare le informazioni basate sulla gerarchia per un sito.

4

Bottoni

Bootstrap fornisce un pulsante cliccabile per inserire contenuti come testo e immagini.

5

Gruppo di pulsanti

I gruppi di pulsanti consentono di impilare più pulsanti insieme su una singola riga.

6

Carte

La scheda è un contenitore di contenuti che mostra una scatola delimitata con un po 'di imbottitura intorno.

7

Giostra

Carousel è un modo flessibile e reattivo per aggiungere un dispositivo di scorrimento al tuo sito.

8

Crollo

Viene utilizzato per mostrare o nascondere il contenuto.

9

Menu a discesa

I menu a discesa possono essere utilizzati per visualizzare i collegamenti in un formato elenco.

10

Le forme

L'elemento form viene utilizzato per raccogliere input dall'utente.

11

Gruppo di input

Utilizzando i gruppi di input è possibile anteporre e aggiungere facilmente testo o pulsanti agli input basati su testo.

12

Jumbotron

Aumenta la dimensione dei titoli e aggiunge molto margine al contenuto della pagina di destinazione.

13

Modale

Modal è una finestra figlia che è sovrapposta alla sua finestra genitore.

14

Navs

Bootstrap fornisce elementi di navigazione per il tuo sito in un menu orizzontale.

15

Navbar

Navbar fornisce le intestazioni di navigazione per la tua applicazione o sito.

16

Impaginazione

L'impaginazione viene utilizzata per dividere il contenuto correlato su più pagine.

17

Popovers

Il popover è simile al tooltip, offrendo una vista estesa completa di un'intestazione.

18

Progresso

La barra di avanzamento mostra l'avanzamento di un processo con barre in pila, sfondi animati ed etichette di testo.

19

Scrollspy

Scrollspy viene utilizzato per indicare il collegamento attualmente attivo nel menu in base alla posizione di scorrimento.

20

Descrizioni comandi

I suggerimenti sono utili quando è necessario descrivere un collegamento.