Problem with Bootstrap table [closed]

Navigation
-1

Problem because the table does not line up well. For example, the vote button is displayed in "Port" and is not centered on "Vote".

Image: link

PHP Code: 

<div class="container">
   <!-- Errors -->
    <?php echo $error; ?>
   <!-- Errors -->
   <center><h2>Featured servers</h2><p>This is a list of our favorite and recommended servers to which you should join. To connect, you must download the Minecraft: PE app. If you want your server to appear here, you must <a href='/premium'>upgrade</a> to a premium plan.</p></center>
   <!-- Featured servers -->
   <div class="row">
        <div class="col-md-12">
  <table class="table">
    <thead>
      <tr>
        <th>IP Address<th>
        <th>Port</th>
        <th>Vote</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>survivaltimepe.leet.cc</td>
        <td>30598</td>
        <td><a class="btn btn-success" href="/vote">Vote for us <span class="glyphicon glyphicon-arrow-right"></span></a></td>
      </tr>
      </tbody></table></div></div>
    
asked by Pedro Hurtado 09.04.2017 в 22:07
source

1 answer

1

In code you have a tag without closing. When the tables are not aligned correctly it is usually because of td, tr or th not closed correctly. It would be: 

    <tr>
      <th>IP Address</th>
      <th>Port</th>
      <th>Vote</th>
    </tr>

Anyway, the image that you put does not correspond to the code you give us.

    
answered by 09.04.2017 в 22:58
Create Public Folder SpringMVC Laravel 5, DB :: raw, date format?