Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

joaobruno

boostrap

Recommended Posts

Boa tade pessoal

Estou arrancando os cabelos pra tentar achar um caminho mais não estou conseguindo.

Vamos la estou com um projeto, que tenho que colocar que ele fique desta forma:

Desktop
desktop.png

Celular:
Sem_t_tulo.png

Ouvi dizer que teria que usar as colunas do bootstrap mais não estou conseguindo!
Alguem poderia dar uma ajuda?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Só pra isso não precisa não, posta seu código em alguma plataforma que lhe ajudo.

abs!

Poderia me indicar uma plataforma? lembro que acessei algumas mais não recordo o nome.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ele me ajudou bastante em ser responsivo.

Quando tentei fazer em o bootstrap, dependendo do aparelho celular as imagens ficavam todas sobrepondo as outras as vezes. Principalmente em modo landscape...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamos Lá

<html>
<head>
<style type="text/css">
body {
background: #000 url('desktop.jpg') top right no-repeat;
}
@media screen and (max-width: 480px) {
body {
background: #000 url('cel.png')top center no-repeat;
}
}
h2 {
text-align: center;
color: #fff;
}
.teste {
position: center;
}
@media screen and (max-width: 480px) {
.teste {
margin-top: 30%;
position: center;
}
}
</style>
</head>
<body>
<div class="teste">
<h2>Pagina de teste!</h2>
</div>
</body>
</html>
Ná Primopeira imagen recorte Somente a lampanda e dê o Nome de Desktop.jpg
Sa segunda imagen também a lampada e dê nome de cel.png copia todo o codigo ai e poe numa pasta junto com a imagen

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.