Home > Blog > 15 Dúvidas Comuns que Você pode Ter Sobre o Bootstrap

12 jan
0
COMPAR-TILHAR

15 Dúvidas Comuns que Você pode Ter Sobre o Bootstrap

Quando se está começando com uma ferramenta nova, é muito comum termos dúvidas sobre se ela vai servir para o que precisamos fazer.

Neste post, eu reuni as principais dúvidas que as pessoas tem (e que você pode ter) sobre o Bootstrap.

Veja se alguma delas você tinha, ou ainda tem…


O Bootstrap é mesmo um framework?

Sim. O Bootstrap é um framework de Front-end.

Alguns autores também definem como framework de CSS. O Bootstrap traz vários códigos prontos e um ótimo modelo de desenvolvimento para criarmos sites e aplicações.


Quais Foram as Mudanças nas Classes do Bootstrap 3?

A principal mudança foi a nomenclatura das colunas, que na versão 2 usava o prefixo “span” e na versão 3 usa o prefixo “col” junto com o tipo de tela desejado (col-xs-*, col-sm-*, col-md-*, col-lg-*).


No HTML o Container Deve Englobar o Site Todo?

De preferência sim. O Container vai ajustar o site ao tamanho da tela, então os elementos devem estar dentro dele para que você mantenha o site responsivo.

Pode acontecer de você precisar ter vários containers, um abaixo do outro, e cada um com seus componentes (por exemplo, em landing pages com Bootstrap).

Não há problema nenhum nisso.


Como que eu Faço o Alinhamento dos Elementos HTML no Bootstrap?

Você pode usar as classes center-block, pull-left, pull-right na maioria dos componentes.

Elas trabalham com floats e margins para posicionar.

Para textos existem as classes: text-left, text-center, text-right, text-justify e text-nowrap.


Posso Criar um Sistema Web (ou Web Application) com o Bootstrap?

Pode.

Na verdade, a melhor utilização do Bootstrap é em sistemas web.

Ele agiliza a maior parte do trabalho de criação de UI, e mantém um padrão de usabilidade muito bom.

Assim, seus usuários não precisam aprender coisas novas para usar o sistema.

E ajuda muito a diminuir bugs, também.


Como eu Posso Criar um CMS com o Bootstrap?

O Bootstrap atua no front-end.

Um CMS precisa de um back-end para funcionar, então você precisará usar uma linguagem server-side para fazer o CMS.

E, depois, você pode colocar o Bootstrap para fazer as telas da área administrativa, por exemplo.

tutorial de CRUD com Bootstrap ensina a fazer uma área administrativa simples, mas você precisará saber trabalhar com bancos de dados fazer seu CMS funcionar.


Como Faço para Remover a Margem Lateral no Bootstrap?

O componente que define a margem lateral é o container.

Então você tem duas opções:

  1. ou você usa o container-fluid, que ocupa toda a tela disponível;
  2. ou você sobrescreve o CSS do container, em um arquivo personalizado.

Eu recomendo a primeira abordagem.

Evite ao máximo modificar o CSS do Bootstrap.


É certo fazer um site usando só a classe row sem colunas? E assim se adapta em todas as resoluções?

Sim, pode ser feito. Mas, você pode perder alguns espaçamentos e ter alguns problemas de posicionamento.

Para se adaptar em todas as resoluções você deve usar a classe container, numa div superior

Landing pages, por exemplo, podem ser feitas só com o container e rows, sem colunas.


Tem Como Mudar o Número de Colunas do Grid system?

Sim.

O grid padrão do Bootstrap tem 12 colunas. Para mudar esse número (para 15, por exemplo) você precisará criar uma “build” personalizada no site do Bootstrap.

Nas configurações da personalização você tem como definir o número de colunas do Grid System, antes de gerar sua “build” customizada.

Mas, você precisará calcular alguns números de margem para que esta nova quantidade de colunas se posicionem corretamente.


O que fazer se sobrar colunas no grid?

Você pode afastá-las (usando as classes push e pull), você pode mudar os tamanhos para completar doze, ou você pode deixar assim mesmo que não vai atrapalhar os outros componentes.

Mas se sobrar, foi um erro no projeto de UI.

O ideal é que não sobre nenhuma. 🙂


Como deixar o Topo Full Width e o Conteúdo Normal no Bootstrap?

Basta você usar uma combinação de dois containers (ou seja, duas divs).

O primeiro container (div) será o topo e terá a classe “container-fluid”. O segundo container será o conteúdo e terá a classe “container”.


Como Usar o Grid do Bootstrap?

Bom, você precisará entender bem as principais classes e conceitos do Grid System para usá-lo.

tutorial de Layouts e Grid System aqui da Academy ensina tudo isso.


Posso usar o Bootstrap com o PHP?

Pode.

O Bootstrap fará a UI do front-end e você pode combinar os outputs do PHP (echo, print, etc…) com os componentes do Bootstrap.

Fica ótimo para sistemas web, e facilita muito o desenvolvimento. Você pode usar um framework PHP MVC, também.


É possível Mudar o Visual do Bootstrap?

Sim.

Para isso você precisará criar uma “build” personalizada no site do Bootstrap. E entender um pouco sobre variáveis CSS e LESS.

É possível ter todo o visual modificado, e deixar com uma cara exclusiva. Não edite diretamente os arquivos CSS. Projete o visual e crie uma build personalizada, depois vá ajustando até chegar no ideal.


Posso fazer temas para WordPress (ou Joomla, ou Drupal) com o Bootstrap?

Pode. Basta criar a marcação das páginas com o Bootstrap e combinar com os scripts desses CMS.

Eu, particularmente, não recomendo… porque o WP, por exemplo, já tem alguns padrões para temas e o Bootstrap pode virar uma camada a mais.

Mas, se você fizer bem feito, seguindo os padrões e com atenção, dá pra fazer temas bem interessantes com essa dupla.

 

Fonte: Web Dev Academy

0

ESCREVER COMENTÁRIO

Seu email não será publicado.