Table shows no rows and no columns with bootstrap

-2

I'm trying to make a table with bootstrap. It turns out that some things do not work.

  • The size of the TD's are always the same.
  • I can not create rows to separate rows and columns, like a grid.
  • I took a grid option with bootstrap, but in the same way I can not create rows and columns.
  • Below my code to build table :

    <div id="tabela" class="container">
        <table class="table table-hover table-bordered table-striped" border="0">
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>E-mail</th>
                    <th>Endereço</th>
                    <th>Bairro</th>
                    <th>Cidade</th>
                    <th>Estado</th>
                    <th>Telefone</th>
                    <th>Celular</th>
                </tr>
            </thead>
            <tbody id="tbcadastro">
                <tr>
                    <td>Nome</td>
                    <td>E-mail</td>
                    <td>Endereço</td>
                    <td>Bairro</td>
                    <td>Cidade</td>
                    <td>Estado</td>
                    <td>Telefone</td>
                    <td>Celular</td>
                </tr>
            </tbody>
        </table>
    </div>
    
        
    asked by anonymous 29.07.2014 / 17:31

    1 answer

    0

    The problem is due to the fact that you are putting

    border=0
    

    in the table definition. remove it and you will see the result!

    If you are using bootstrap 3, it is easy for you to control the size of the columns using the ex-col-sm-2 grid classes for example.

    Abuse of these classes is often very useful

        
    29.07.2014 / 19:55