Bootstrap 4 - Componentes

Descrição

O Bootstrap 4 usa métodos de coleta de conteúdo para exibir o texto, blocos de código, imagens responsivas, dados em formato tabular, etc. na página da web.

A tabela a seguir lista os métodos de conteúdo que você pode usar para manipular o Bootstrap 4 -

S.No. Métodos e Descrição
1

Alertas

O componente de alerta especifica a mensagem predefinida para ações do usuário.

2

Distintivos

Os emblemas são usados ​​para destacar as informações adicionais ao conteúdo.

3

Migalhas de pão

É usado para mostrar informações baseadas em hierarquia de um site.

4

Botões

Bootstrap fornece um botão clicável para colocar conteúdo, como texto e imagens.

5

Grupo de botões

Os grupos de botões permitem que vários botões sejam empilhados em uma única linha.

6

Cartas

O cartão é um contêiner de conteúdo que exibe uma caixa delimitada com algum preenchimento ao redor.

7

Carrossel

Carrossel é uma maneira flexível e responsiva de adicionar um controle deslizante ao seu site.

8

Colapso

É usado para mostrar ou ocultar o conteúdo.

9

Dropdowns

Os menus suspensos podem ser usados ​​para exibir links em formato de lista.

10

Formulários

O elemento do formulário é usado para coletar a entrada do usuário.

11

Grupo de entrada

Usando grupos de entrada, você pode facilmente preceder e acrescentar texto ou botões às entradas baseadas em texto.

12

Jumbotron

Ele aumenta o tamanho dos títulos e adiciona muita margem para o conteúdo da página de destino.

13

Modal

Modal é uma janela filho que é colocada em camadas sobre sua janela pai.

14

Navs

O Bootstrap fornece itens de navegação para o seu site em um menu horizontal.

15

Navbar

Navbar fornece cabeçalhos de navegação para seu aplicativo ou site.

16

Paginação

A paginação é usada para dividir o conteúdo relacionado em várias páginas.

17

Popovers

Popover é semelhante à dica de ferramenta, oferecendo uma visão estendida completa com um título.

18

Progresso

A barra de progresso mostra o andamento de um processo com barras empilhadas, fundos animados e rótulos de texto.

19

Scrollspy

Scrollspy é usado para indicar o link atualmente ativo no menu com base na posição de rolagem.

20

Dicas de ferramentas

As dicas de ferramentas são úteis quando você precisa descrever um link.