Skip to main content

Respostas interessantes marcadas com a tag

28 votos
Aceito

Qual a diferença entre col-lg-* , col-md-* e col-sm-* no Bootstrap?

Na própria documentação do Bootstrap há uma tabela comparativa entre as classes de grid. Ou seja, a classe .col-xs-* definem o grid para dispositivos com largura de tela inferior à 768px. A classe ....
Woss's user avatar
  • 77,2mil
7 votos

Qual a diferença entre col-lg-* , col-md-* e col-sm-* no Bootstrap?

Agora com a versão oficial do Bootstrap sendo a versão 4, acredito que a resposta mereça um update. Segue o link da documentação oficial do grid da verão 4: https://getbootstrap.com/docs/4.0/layout/...
hugocsl's user avatar
  • 66,9mil
5 votos
Aceito

Estilização de Grid para galeria usando display flex

Um exemplo bem simples é criar um "div pai": /*o BODY no doctype HTML5 ou Strict não ocupa 100%, então isso deve ajustar*/ html, body { height: 100%; } .flex-parent { display: -...
Syzoth's user avatar
  • 100mil
5 votos
Aceito

Como funciona o Grid System no Angular Material Design?

Você pode usar o Material Grid List, para fazer um layout de colunas de forma responsiva em conjunto com o Angular Flex Layout, mas você vai precisar de um pouco de código. TL;DR; Va para o link de ...
Celso Marigo Jr's user avatar
5 votos
Aceito

FlexBox + CSS GRID

Sim meu amigo é perfeitamente viável usar display:grid e display:flex no mesmo projeto. Principalmente pelas particularidades de cada um. Falando a grosso modo o Grid vc pode usar mais para montar a ...
hugocsl's user avatar
  • 66,9mil
5 votos

Por divs ao lado com bootstrap

Vc pode pegar a .row do meio e colocar uma classe .centro nela. Depois vc composition:absolute vc coloca ela "flutuando" por cima das outras, e alinha ela verticalmente com top e transform:translateY()...
hugocsl's user avatar
  • 66,9mil
4 votos

Qual a diferença entre col-lg-* , col-md-* e col-sm-* no Bootstrap?

São atributos do bootstrap que definirão o tamanho do grid, em relação ao tamanho do dispositivo, são breakpoints : col-xs-* extrasmall < 768 px col-sm-* small >= 768 px col-md-* medium >= ...
MagicHat's user avatar
  • 12,6mil
4 votos
Aceito

Criação de Galeria CSS

Seria isso? Para aumentar o tamanho da galeria, é só aumentar o tamanho a <div id="galeria"> E relembrando que o seletor not exclui um elemento da seleção como, todos os blocos possuem o mesmo ...
LocalHost's user avatar
  • 3.282
4 votos
Aceito

Como faço para trocar o conteúdo de um UserControl, utilizando um botão em outro UserControl?

Como já tem uma resposta utilizando code-behind, vou dá uma solução utilizando MVVM. A propriedade que você quer preencher se chama "content". Devemos conecta-la a uma propriedade da ViewModel que ...
Filipe Santiago's user avatar
3 votos

Grid do Bootstrap não funciona!

Lucas acho que vc está se confundindo um pouco entre as Classes do Bootstrap3 e Bootstrap4, a culpa não é sua, pq as vezes pesquisamos no Google e clicamos no link sem percebemos na Documentação de ...
hugocsl's user avatar
  • 66,9mil
3 votos
Aceito

Grid do Bootstrap não funciona!

Poderá adicionar a classe col-lg-* para ecrãs com largura superior a 1200px. Se for o XS que não funciona, o problema poderá estar relacionado com a dimensão das imagens. Se a largura da imagem for ...
Paulo Ramos's user avatar
3 votos

Grid do Bootstrap não funciona!

Você deve utilizar o Bootstrap 4 pra usar os sufixos classes -xl . Ainda, você deve observar se as outras classes adicionadas ao elemento (wow e bounceInLeft) não possuem atributos CSS como float e ...
Matteus Barbosa's user avatar
3 votos

Como recarregar grid sem precisar verificar se ela existe JS JQuery

Editado depois do comentário: Você pode inicializar grids no começo do script como um objeto global que vai reunir todos os grids que existem. Sempre que você definir um grid, crie uma propriedade ...
Ricardo Moraleida's user avatar
3 votos
Aceito

Matriz hexagonal em Python

Como você mesmo pode perceber, por dentro do Python, você não vai usar uma "matriz hexagonal" - vai usar uma estrutura bidimensional mesmo. O que você precisa é uma forma de (1) percorrer as ...
jsbueno's user avatar
  • 31,5mil
3 votos
Aceito

Flutuar elementos com CSS Grid

Vc precisa ajustar a propriedade grid-auto-flow para row dense, assim todo elemento do Grid vai tentar se ajustar nos espaços em "vazios" Aqui vc pode ler e ver alguns exemplos práticos do grid-auto-...
hugocsl's user avatar
  • 66,9mil
3 votos
Aceito

Ajuda com centralização de itens de uma grid

Não sei se entendi direito, mas já que vc está usando Grid sugiro vc a usar um display: grid; e align-content: center; na div pai #grid-container e também colocar uma altura no form e ul, pois o filho ...
hugocsl's user avatar
  • 66,9mil
3 votos
Aceito

<footer> só ocupa as 3 primeiras colunas criadas no CSS Grid. Como faço para ocupar as 4 colunas da tela?

footer está com o atributo grid ao invés de grid-area, este é o problema! body { margin: 0; padding: 0; box-sizing: border-box; background-color: white; } div.container { ...
lalvesoliveira's user avatar
3 votos
Aceito

Grid no R não funciona

O argumento panel.first é avaliado de forma preguiçosa ("lazy"), o que traz algumas limitações. Uma delas é que ele não funciona quando se usa fórmula para especificar o gráfico. A solução ...
Carlos Eduardo Lagosta's user avatar
3 votos
Aceito

Dúvida em relação ao CSS Grid e Firefox

Grid ainda é meio bizarro com algumas coisas, mas inicialmente por incrível que pareça o comportamento do Chrome está certo, pois ele que está fazendo a proporção correta 20/80. (Se você observar é ...
hugocsl's user avatar
  • 66,9mil
2 votos
Aceito

Flexbox substitui as GRID?

Conceitos Flexbox: Faz parte da especificação do CSS3 que promete organizar elementos na página previsivelmente quando o layout precisa ser visualizado em diversos tamanhos de tela e em ...
Taisbevalle's user avatar
  • 9.180
2 votos
Aceito

Uso de classes no grid do Materialize

A tela é dividida em 12 fatias. Então para que minha tela seja adaptável temos dois argumentos a serem usados, o primeiro é o tamanho de tela que pode ser: s - pequena (small) m - média (medium) l - ...
pmargreff's user avatar
  • 2.379
2 votos
Aceito

bootstrap ou grid-template

Utilizando Bootstrap você otimiza seu tempo poupando-o de ter que ficar alterando tanto o CSS ou criando estilos de CSS, diferente do Grid-Template, vou mostrar abaixo o que eu entendo e a diferença ...
Victor's user avatar
  • 1.557
2 votos
Aceito

Como dividir igualmente o espaço do StackPanel entre os filhos

O stackpanel não seria muito usual nesse caso, eu recomendo você usar um grid e definir as colunas dele distribuindo os botões em cada uma das colunas. <Grid Height="35"> <Grid....
SUR1C4T3's user avatar
  • 697
2 votos
Aceito

Espaço branco indesejado CSS

O que está gerando esse espaço em branco é a propriedade padding nas section: /*Espaço em branco em todas as seccoes*/ section { padding: 80px 0; } O que você pode fazer é remover esse padding ...
Sam's user avatar
  • 80,8mil
2 votos

Como plotar modelos distintos de regressão utilizando os pacotes ggplot2 + ggpmisc ou gridExtra?

Creio que o que a pergunta pede é o seguinte. Para ter dois fits, basta chamar geom_smooth duas vezes, uma para cada fórmula. E depois acrescentar as duas equações, ajustando as coordenadas da ...
Rui Barradas's user avatar
  • 19mil
2 votos
Aceito

Como plotar modelos distintos de regressão utilizando os pacotes ggplot2 + ggpmisc ou gridExtra?

Não há opção para que cada facet possua um tipo de regressão, tem que fazer dois gráficos separados. Para evitar repetição, pode escrever uma função. Para unir os gráficos, usei o pacote ggpubr, que ...
Carlos Eduardo Lagosta's user avatar
2 votos
Aceito

Como fazer uma div passa do tamanho da grid?

Cara existe mais de uma forma de configurar o Grid para ter esse resultado, mas basicamente o que vc está tentando fazer se chama "Grid Overlap" (e sinceramente eu não sei porque deram -1 na ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Esconder conteudo e mudar tamanho de outro

Para fazer as trocas de classes que pretende pode utilizar a função removeClass para remover a classe antiga e a função addClass para adicionar a nova. Algo como: $("#hide").click(function() { ...
Isac's user avatar
  • 25,5mil
1 voto

Como ajustar um grid em HTML

Pelo que entendi minha sugestão envolve apenas HTML e CSS. HTML: <p class="paragrafo"> <img class="minha-image" src="" width="100" height="100"/> Nunc pulvinar lacus id ...
Caiuby Freitas's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible