Ir para conteúdo

Arquivado

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

uiLhian

'Li' bagunçado no Boostrap

Por , em Desenvolvimento frontend

Recommended Posts

uiLhian    1

uiLhian
Postado

algum sabe como posso resolver esse "bug" na lista do bootstrap, como podem ver na imagem apartir da segunda linha ja bagunça tudo, por conta do espaço que tem entre uma imagem ou outra como podem ver em outra cor.

 

op0nki.jpg

 

 

 

<div class="row-fluid">
<ul class="thumbnails">
<?php
require_once('/mysql.php');
$db = new Mysql;

$db->query( "SELECT * FROM fotos WHERE foto_pos = 0 ORDER BY foto_album ASC LIMIT 8" )->fetchAll();
$o = $db->data;
foreach ( $o as $x )
{
if ( $db->rows >= 1 )
{
$c = ( object ) $x;
?>
<li class="span3">
<a href="#" class="thumbnail"><img src="thumb.php?img=fotos/<?= $c->foto_url ?>" alt=""/></a>
</li>
<?php
}
}
?>
</ul>
</div>

desde ja obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Barantini    33

Ricardo Barantini
Postado

Eu acredito que não seja isso pelo fato de você estar usando o layout fluído do Bootstrap, mas você está colocando 4 colunas de .span3, totalizando 12 dentro de um .span8, tente colocar .span2 ao invés de .span3 para ver se ficar certinho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado

Eu acredito que não seja isso pelo fato de você estar usando o layout fluído do Bootstrap, mas você está colocando 4 colunas de .span3, totalizando 12 dentro de um .span8, tente colocar .span2 ao invés de .span3 para ver se ficar certinho.

independente da .spanN que coloco da o mesmo erro.

 

o 'engraçado' é que as primeiras 4 imagens estão certinhas nos alinhamento, então o restante deveria seguir as mesmas. sinceramente não da pra entender.

 

 

alguem pelo amor de deus achou a solução pra isso ?

 

 

pois eu ainda não consegui e meu trabalho não anda. :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado

eu ja tirei ele faz tempo e nada. ;(

<!DOCTYPE html>



cara eu não sei se é correto ou não mas se eu tiro a <div class="row-fluid"> deixando somente a ul e os li as imagens aparentemente alinham.

agora a questão é:

- o que a class "row-fluid" tem a ver com esse problema ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado

então no caso isso aqui estaria "errado" ?

 

<div class="row-fluid">
<ul class="thumbnails">
<li class="span3">
<div class="thumbnail" id="<?= $a->obra_id ?>">
<a href="obra.php?id=<?= $a->obra_id ?>">
<img src="thumb.php?img=fotos/<?= $f->foto_url ?>" alt="">
</a>
<div class="caption">
<h5><?= $a->obra_cidade ?></h5>
<p><?= $a->obra_bairro ?></p>
</div>
</div>
</li>
</ul>
</div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ricardo Barantini    33

Ricardo Barantini
Postado

Não está errado desde que tenha espaço para um .span12 no seu caso você está trabalhando dentro de um .span8, coloque um .span8 logo após seu .row-fluid para ver se fica certo e altere o .span3 da li para .span2.

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado

bom fiz isso aqui, e não mudo nada continuo o mesmo "erro".

 

<div class="container">
    <div class="span12 centro">
        <div class="row-fluid">
           <div class="span8">
            <ul class="thumbnails">
                  <?php require_once('galeria.php'); ?>
           </ul>
           </div>
         </div>
     </div>
</div>

esse require é retorna:

 

 

<div class="row-fluid">
<ul class="thumbnails">
<li class="span2">
<div class="thumbnail" id="<?= $a->obra_id ?>">
<a href="obra.php?id=<?= $a->obra_id ?>">
<img src="thumb.php?img=fotos/<?= $f->foto_url ?>" alt="">
</a>
<div class="caption">
<h5><?= $a->obra_cidade ?></h5>
<p><?= $a->obra_bairro ?></p>
</div>
</div>
</li>
</ul>
</div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

uiLhian    1

uiLhian
Postado

ta agora minha duvida é ...

o que foi modificado ?

 

pois aparentemente não vi nada de diferença no código. :(

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito