Feature: Adiciona BootstrapGridPlugin #155
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Contexto
Adiciona BootstrapGridPlugin com base na documentação CSS Grid do Bootstrap. Os
choices
utilizados para Grid e Column foram adaptados para CSS Grid, então em Grid temos:grid_layout
para definir o layouts já prontos com responsividade para as colunasgrid_gap
para o espaçamento entre colunas no gridJá em Column temos:
col
para definir manualmente o número de colunas que a coluna ocupará (exemplo: col-12 para 1 coluna, col-6 para 2 colunas, etc)rows
para selecionar o número da linha que a coluna estará (exemplo:col-row: 2
para a coluna estar segunda linha, etc)col_start_at
para indicar onde a coluna vai começar na estrutura do grid (exemplo:g-start-2
para que a coluna comece na segunda coluna de 12 colunas do CSS Grid)Obs: Pode parecer muita coisa, mas dado que eu e @igr-santos escolhemos utilizar somente CSS Grid via Bootstrap invés de FlexBox, então precisei definir essas instancias pra que ajude a gente futuramente na estilização e responsividade dos grids.
Link da Tarefa/Issue
Requisitos
Screenshots
Tela de adição do plugin Grid:
Tela de adição do plugin Column: