Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: Adiciona BootstrapGridPlugin #155

Merged
merged 3 commits into from
Jan 15, 2024

Conversation

miguelzinh3
Copy link
Contributor

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 colunas
  • grid_gap para o espaçamento entre colunas no grid

Já 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)

image

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

  • Adiciona plugin de Grid
  • Adiciona plugin de Column
  • Define instancias na model com base na documentação do Bootstrap

Screenshots

image

Tela de adição do plugin Grid:
image

Tela de adição do plugin Column:
image

@miguelzinh3 miguelzinh3 self-assigned this Jan 11, 2024
@miguelzinh3 miguelzinh3 force-pushed the feature/grid-plugin-nossas branch from 4447e4b to 0a674d7 Compare January 15, 2024 15:16
@miguelzinh3 miguelzinh3 merged commit bdd6291 into feature/site-nossas Jan 15, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants