title: How can I use bootstrap to show details on each row of table?
body: <p>My table code. it's included the popover button, that I want to show other detail than Name and Country.</p>
  
  <pre><code>  while ($data = mysql_fetch_array($result)) 
             {
             echo "&lt;tr&gt;";
             $Name = $data['Name'];
             $Address = $data['Address']; 
             $Tel = $data['Tel'];
             $Email = $data['Email'];
             $Country = $data['Country'];
             $ManufacturerKey = $data['ManufacturerKey'];
             echo "&lt;td&gt;{$Name}&lt;/td&gt;&lt;td&gt;{$Country}&lt;/td&gt;";
             echo '&lt;td&gt;&lt;a href="#" id="detail" class="btn btn-danger" rel="popover" data-content="Test" data-original-title="detail"&gt;detail&lt;/a&gt;&lt;/td&gt;';
             echo "&lt;/tr&gt;"; 
             }
             echo "&lt;/table&gt;&lt;/center&gt;";
             }
  </code></pre>
  
  <p>and Javascript: </p>
  
  <pre><code>&lt;script&gt;  
      $(function ()  
      { $("#detail").popover({placement:'left'});  
      });  
  &lt;/script&gt;
  </code></pre>
  
  <p>my problem is it's confuse about the id.In the each table row it has same id like "detail".How can I fix that ?? 
  Thanks for all answer.Tell me if you want more code thanks so much. </p>