html - Twitter bootstrap table messed up? -


i fiddling around bootstrap came grinding halt error of being misplaced.

the source code generated was

<!doctype html>   <html>     <head>       <title>anjul photo copy</title>       <link rel="stylesheet" href="/css/bootstrap.min.css">       <link rel="stylesheet" href="/css/bootstrap-responsive.min.css">       </style>        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>       <script src="js/textrace.js"></script>             </head>     <body>        <div class="page-header">         <center><h1>header <small>header 2!</small></h1></center>       </div>       <span class="span2">         <div class="well">       <ul class="nav nav-list">           <li ><a tabindex="-1" href="/">home</a></li>              <li ><a tabindex="-1" href="contact.php">contact us</a></li>         <li ><a tabindex="-1" href="services.php">services</a></li>         <li class='active'><a tabindex="-1" href="dba.php">aayufill</a></li>         <li class="divider"></li>         <li><a tabindex="-1" href="#">separated link</a></li>        </ul></div>  </span>    <span class="span8">     <table class="table table-striped">         <thead>         <tr>             <th>first name</th>             <th>last name</th>             <th>fathers name</th>             <th>address</th>         </tr>     </thead>     <tbody>         <tr><td>aayush<td><td>agrawal<td><td>ranjan agrawal<td><td>4 oriental<td><tr>   </tbody>     </table> </span>              <div style="clear:both;"><center>copyright &#169; anjul photo copy</center></div>      </body> </html> 

but can see, table gravely misplaced. advice on fixing highly appreciated.

enter image description here

the problem table row structure :

<tr>   <td>aayush<td>   <td>agrawal<td>   <td>ranjan agrawal<td>   <td>4 oriental<td> <tr> 

you're not closing <td> correctly. should :

<tr>   <td>aayush</td>   <td>agrawal</td>   <td>ranjan agrawal</td>   <td>4 oriental</td> <tr> 

you need use </td> close <td>

working example here ... w3c markup validator fiend


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -