Boa tarde,
Estou fazendo uma consulta num banco, para um site de imobiliária. Gostaria que esta consulta gerasse os imóveis lado a lado, e não um abaixo do outro.
Existe uma forma de fazer isso, utilizando Bootstrap? Se não, como posso fazer usando tabelas?
Segue um exemplo do código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>teste</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<?php
require 'conexao.php';
$sql = mysql_query("SELECT * FROM imoveisvenda");
while($exibe = mysql_fetch_assoc($sql)){
?>
<!-- VENDA -->
<div class="col-md-3"> <br>
<img src="<?php echo "$exibe[v_imagem]";?>" class="img-responsive" alt="Casa para Venda">
<center><p style="margin-top:5%; font-size:20px; font-weight:bold; color:#001364; padding:2%;"><?php echo "$exibe[v_imovel]";?></p>
<p><?php echo "$exibe[v_localizacao]";?></p>
<p><?php echo "$exibe[v_detalhes]";?></p>
<p style="font-size:20px; font-weight:bold; color:#001364; padding:2%"><?php echo "$exibe[v_valor]";?></p></center>
</div>
<!-- VENDA -->
</div>
</div>
<?php } ?>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</body>
Preciso inserir mais alguma informação?
Agradeço a ajuda!
.boxhome
hehee Também tem a questão de saber se a imagem está dentro dadiv
ou se existeoverflow
, o que atrapalharia.