title: How to Set TD width Table on bootstrap?
body: <p>I have Data table Jquery inside Bootstrap like This Picture
  <a href="https://i.stack.imgur.com/qM7Vp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qM7Vp.png" alt="enter image description here"></a></p>
  
  <p>is look fine, but if I Resize the Browser(to see on mobile web) the picture is like this</p>
  
  <p><a href="https://i.stack.imgur.com/9h93y.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9h93y.jpg" alt="enter image description here"></a></p>
  
  <p>Im so confuse, I try to set Widht manualy on table but not work.</p>
  
  <p>And After I back to the Full Screen again(PC), the data table not center like this.</p>
  
  <p><a href="https://i.stack.imgur.com/VY7zn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VY7zn.jpg" alt="enter image description here"></a></p>
  
  <p>I have try add container but still not work. this Code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Outbox&lt;/title&gt;
      &lt;!--link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"--&gt;
      &lt;link rel="stylesheet" href="../DT/bootstrap.min.css"&gt;
      &lt;!--link rel="stylesheet" type="text/css" href="../bootstrap-3.3.5-dist/css/bootstrap.min.css"--&gt;
      &lt;link rel="stylesheet" href="../DT/dataTables.bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="../DT/responsive.bootstrap.css"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="container"&gt;
  
  
  &lt;nav class="navbar navbar-default"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;a class="navbar-brand" href="#"&gt;Kokola Email Template&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
          &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li&gt;&lt;a href="email-setting.php"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="set.php"&gt;Set Header Footer&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="active"&gt;&lt;a href="outbox.php"&gt;Outbox&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="logout.php"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
          &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
      &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
  &lt;/nav&gt;
  
  
  
  
  &lt;?php
  
  if(isset($_POST[HAPUS]))
  {  
    include "../koneksi.php";
  
    $idhe = $_POST[ID];
  
    $jumlah = count($idhe);
  
   // echo $jumlah;
  
    for($i=0;$i&lt;=$jumlah;$i++)
    {
        //echo $idhe[$i]."&lt;br&gt;";  
  
        $sql = "DELETE FROM outbox WHERE ID = '$idhe[$i]'";
  
        //echo $sql;
  
        //$hasil = mysqli_query($mysqli, $sql);
        $hasil = mysql_query($sql);
  
    }//end for
  
    echo "&lt;script&gt;alert('Delete Berhasil dilakukan');&lt;/script&gt;";
  
  
  
  }
  
  ?&gt;
  &lt;div class="center-block"&gt;
  &lt;form method="post" action="outbox.php"&gt;
  
  &lt;div style="margin-left:340px;margin-top:10px; margin-bottom:10px;"&gt;&lt;!--a-- href="email-setting.php"&gt;&lt;img src="back.png"/&gt;&lt;/a--&gt;
  &amp;nbsp;&amp;nbsp;&lt;input type="submit" value="HAPUS" name="HAPUS" style="background-color:#F00;color:#FFF;border:0 none;
  cursor:pointer;-webkit-border-radius: 5px;border-radius: 5px;padding:5px 15px;margin-left:420px;" /&gt;&lt;/div&gt;
  
  
   &lt;!-- style="font-family:Verdana, Geneva, sans-serif;" div style='overflow:auto;height:600px;width:700px;margin-left:300px;' style="font-family:Verdana, Geneva, sans-serif;font-size:12px;"--&gt;
  &lt;table id="example" class="table table-striped table-bordered dt-responsive nowrap"&gt;
    &lt;thead&gt;
      &lt;tr height="100"&gt;
      &lt;td colspan="5" align="center"&gt;&lt;h2&gt;Outbox&lt;/h2&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr height="50"&gt;
       &lt;th align="center"&gt;Chek&lt;/th&gt;
       &lt;th align="center"&gt;Date Time&lt;/th&gt;
       &lt;th align="center"&gt;Tujuan&lt;/th&gt;
       &lt;th align="center"&gt;Subjek&lt;/th&gt;
       &lt;th align="center"&gt;Action&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
   &lt;?php
   include "../koneksi.php";
  
   $sql = "SELECT * FROM outbox";
  
   //$hasil = mysqli_query($mysqli, $sql);
   $hasil = mysql_query($sql);
  
   while($data = mysql_fetch_array($hasil))
   { 
  
     echo "&lt;tr height='50px'&gt;";
       echo "&lt;td align='center'&gt;&lt;input type='checkbox' name='ID[]' value='$data[ID]'&gt;&lt;/td&gt;";
       echo "&lt;td width='100' align='center'&gt;$data[tglwkt]&lt;/td&gt;";
       echo "&lt;td align='center'&gt;$data[tujuan]&lt;/td&gt;";
       echo "&lt;td align='center'&gt;$data[subjek]&lt;/td&gt;";
       echo "&lt;td align='center'&gt;&lt;a href='detail.php?ID=$data[ID]'&gt;&lt;input type='button' value='Detail' style='background:#F00;color:#FFF;'&gt;&lt;/a&gt;&lt;/td&gt;";
  
     echo "&lt;/tr&gt;";
  
   }
  
  
   ?&gt;
    &lt;/tbody&gt;
  
  
  &lt;/table&gt;
  &lt;!--/div--&gt;
  &lt;/form&gt;
     &lt;/div&gt;&lt;!--center-blcok--&gt;
  
  &lt;/div&gt;&lt;!--end container--&gt;
  
  
  
  &lt;!--script-- src="../bootstrap-3.3.5-dist/js/jquery.min.js"&gt;&lt;/script--&gt;
  &lt;script src="../DT/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;!--script src="../DT/jquery-1.11.3.min.js"&gt;&lt;/script--&gt;
  &lt;!--script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"&gt;&lt;/script--&gt;
  &lt;script src="../DT/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="../DT/jquery.dataTables.js"&gt;&lt;/script&gt;
  &lt;script src="../DT/dataTables.bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="../DT/dataTables.responsive.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready(function() {
          $('#example').DataTable();
      } );
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can Anyone Help to Fix this. Im new on Bootstrap.</p>
  
  <p>thanks in advance. </p>