Estendendo Bootstrap

Depois de percorrer tudo o que nos oferece Boostrap Em relação ao seu CSS de base, classes e componentes para construir interfaces de usuário ricas em funcionalidade e simpatia, podemos pensar que não há mais nada a ver com esse framework, mas a verdade é que ainda podemos fazer muito mais.
Podemos estender a funcionalidade do Bootstrap muito mais, e isso se deve em grande parte à comunidade de desenvolvedores preocupados em sempre procurar melhores maneiras de fazer as coisas e é aí que surgem os plug-ins e extensões para o framework.
Vamos ver o que temos disponível para estender as funcionalidades do framework, desde páginas especializadas em nos fornecer templates e extensões, até componentes customizados.
Páginas de extensão
Vamos ver as páginas da web que nos fornecem recursos para estender as funcionalidades do nosso framework.

Bootsnipp


Não existem muitas maneiras diferentes de descrever o que o Bootsnipp faz, no entanto, pode-se dizer que tem tudo relacionado a Bootstrap, passando pelas diferentes versões dele até uma extensa lista de modelos, códigos de amostra, extensões, entre outros.
Além disso, possui uma lista de páginas semelhantes para que tenhamos muito mais opções no que diz respeito a estender o nosso framework, e não só isso, agrupa tudo o que oferece em categorias úteis, por isso, se procurarmos algo específico, apenas tem que acessar a esta lista ou pesquisar por tags.

PROLONGAR

Além disso, a página nos oferece uma funcionalidade de construção de formulário online, que nos permite arrastar e soltar os diferentes controles dentro dela, permitindo-nos selecionar a versão do Bootstrap no qual queremos construir nosso formulário.
Podemos incluir campos de texto convencionais, área de texto, listas suspensas, botões de rádio ou caixas de seleção e até botões de ação para o nosso formulário. Depois que tivermos tudo pronto, pressionamos a guia Renderizado e obteremos o código para implementar em nosso aplicativo.

PROLONGAR

Finalmente, temos um construtor de botão para as versões dois e três do Bootstrap, desta forma podemos adicionar todos os estilos e ícones que precisamos sem ter que consultar a folha de estilos e todas as informações sobre os ícones, depois de ficarmos satisfeitos com nosso botão, só precisamos copiar o código em nosso aplicativo para gerá-lo:

PROLONGAR

Wrap Bootstrap


Esta é uma página semelhante a BootsnipNo entanto, a maior diferença reside no fato de que o Wrap Bootstrap se concentra puramente em modelos, e não nos pequenos pedaços de código que ele oferece Bootsnipp, temos modelos completos de sites construídos com Bootstrap.
Além disso, se formos desenvolvedores, esta página permite até a publicação dos nossos templates, podendo gerar algum dinheiro com o nosso trabalho, por isso oferece um lucro para todos os tipos de usuários.

PROLONGAR

Kits estendidos para bootstrap
Sim, podemos usar a versão padrão do Bootstrap Para nossas aplicações, existem alguns kits estendidos que nos fornecem versões customizadas do framework, podendo assim usar o que ele traz por padrão e um pouco mais.

Jasny bootstrap


Um desses kits estendidos é Jasny Bootstrap, que tem tudo o que a versão padrão do Bootstrap, além de alguns recursos adicionais que o tornam uma das opções mais viáveis ​​para download.

PROLONGAR

Ele implementa chamadas usando AJAX, bem como novos tipos de entradas, um componente para upload de arquivos, links para linhas, ícones extras e muito mais, onde se com Bootstrap padrão, nossos aplicativos pareciam bons, com Jasny eles ficarão muito melhores.

Bootplus


Com kits completos como Jasny Não há muito para ver, no entanto, existem alguns kits estendidos bastante interessantes que vale a pena conferir, um deles é o Bootplus, que baseia seu design principalmente em Google+.

PROLONGAR

Isso implementa alguns novos componentes ao framework que incluem os famosos cards da rede social, bem como notificações no melhor estilo de Google +, então, se precisarmos construir um site com essas especificações Bootplus é exatamente o que precisamos.
Kits de interface do usuário
Também temos plug-ins que se concentram principalmente em dar ao usuário em termos de usabilidade a melhor experiência possível, vejamos.

Fuel UX


A princípio, pode dar a impressão de que o Fuel UX é um Bootstrap completo com extensões, mas a realidade é que ele se concentra principalmente na interface do usuário, já que o que isso faz é escrever o CSS e estilos básicos do framework.
Isso torna nossos campos visualmente muito mais agradáveis ​​e até atraentes, adicionando uma usabilidade extra para que o usuário não tenha que adivinhar o que fazer.
Possui uma série de componentes incríveis, porém podemos destacar o componente de árvore ou Árvore e o assistente ou bruxo, isso fará com que nossos aplicativos tenham uma qualidade incomparável.

Validador Bootstrap


Um dos nossos favoritos, Validador Bootstrap Não só nos permite construir interfaces de usuário amigáveis ​​com componentes que parecem ótimos, mas também nos permite validar os campos do nosso formulário de uma forma simples que parece ótima para o usuário final.
Ele usa expressões regulares para validações e você precisa ter algum conhecimento de programação para seu uso eficaz, porém vale a pena tentar, já que o resultado de usá-lo não são apenas aplicativos que parecem bons, mas são mais robustos no campo. aspecto.
Se você quiser saber mais sobre esta extensão, você pode dar uma olhada no tutorial de validação com Bootstrap Validator onde é explicado como implementá-la, bem como alguns usos em várias formas que podemos dar.

Outros componentes


Finalmente, temos dois componentes bastante particulares, o primeiro chamado Bootstrap Switch nos dá uma interface semelhante à que temos em nossos dispositivos ios, tem botões liga e desliga, podemos mudar as cores destes e aplicar outras funcionalidades úteis para a nossa aplicação.

PROLONGAR

O segundo, chamado Bootstrap Markdown, nos permite adicionar um editor aos nossos aplicativos sem o complicado processo de ter que implementar várias bibliotecas e sem fazer o processamento usual de HTML para este tipo de entrada de dados.

PROLONGAR

Pudemos saber como podemos estender a funcionalidade do Bootstrap, não só com templates baseados nele, mas também com versões estendidas e componentes que tornam o uso dele o mais adequado para o desenvolvimento de interfaces de usuário dentro de nossas aplicações.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave