Place items SELECT Mysql Side by Side with Bootstrap

1

Good afternoon,

I'm doing an appointment at a bank for a real estate site. I would like this query to generate real estate side by side, not one below the other.

Is there a way to do this using Bootstrap? If not, how can I do it using tables?

Here is an example of the code:

<!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>

DoIneedtoenteranymoreinformation?

Thanksforthehelp!

    
asked by anonymous 05.12.2015 / 19:22

1 answer

1

Well, thanks for the support!

I solved this question as follows:

<div>

        <?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 -->

        <?php } ?>

    </div>

I just took the "container" and "row" classes from the bootstrap, I just left the col-md-3 class, and to my surprise, it stood side by side, right.

Once again, thank you all!

    
05.12.2015 / 21:54