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 ....
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/...
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: -...
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 ...
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 ...
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()...
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 >= ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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 {
...
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 ...
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 é ...
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 ...
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 - ...
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
...
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....
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 ...
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 ...
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 ...
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 ...
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() {
...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
grid × 126css × 54
html × 29
html5 × 15
css3 × 15
twitter-bootstrap × 15
flexbox × 12
layout-responsivo × 11
bootstrap × 10
javascript × 9
c# × 9
delphi × 8
bootstrap-3 × 8
php × 5
jquery × 5
angularjs × 4
front-end × 4
bootstrap-4 × 4
layout × 4
python × 3
r × 3
aplicação-web × 3
imagem × 3
wpf × 3
tkinter × 3