title: How to fix Bootstrap Table excessive width?
body: <p>This is what the table looks like:</p>
  <p><a href="https://i.stack.imgur.com/Uxa1E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uxa1E.png" alt="enter image description here" /></a></p>
  <p>Why is the <code>Link</code> column taking so much space? This is my code:</p>
  <p>Please let me know how can I fix this, so it takes only the required space and not so much excessive space?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table border="1" class="table table-bordered table-hover "&gt;
    &lt;thead class="table-dark"&gt;
      &lt;tr&gt;
        &lt;th class="text-center"&gt;id&lt;/th&gt;
        &lt;th class="text-center"&gt;Name&lt;/th&gt;
        &lt;th class="text-center"&gt;Image&lt;/th&gt;
        &lt;th class="text-center"&gt;Link&lt;/th&gt;
        &lt;th class="text-center"&gt;Edit&lt;/th&gt;
        &lt;th class="text-center"&gt;Delete&lt;/th&gt;
        &lt;!-- &lt;th&gt;Email&lt;/th&gt;
                                      &lt;th&gt;Delete&lt;/th&gt; --&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  
    &lt;tbody class=""&gt;
      &lt;?php
                                  include('dbcon.php');
                                  $getKey =   $_GET['token'];
                                  $ref = "Home/$getKey/items";
                                  $getdata = $database-&gt;getReference($ref)-&gt;getValue();
                                  // print_r( $getdata);
                                  $i = 0;
                                  if ($getdata &gt; 0) {
                                      foreach ($getdata as $key =&gt; $row) {
      
                                          $i++;
                                  ?&gt;
        &lt;tr&gt;
          &lt;td class="text-center"&gt;
            &lt;?php echo $i; ?&gt;
          &lt;/td&gt;
          &lt;td class="text-center"&gt;
            &lt;?php echo $row['name']; ?&gt;
          &lt;/td&gt;
  
          &lt;td class="text-center"&gt;
            &lt;?php
                                                  echo '&lt;img src="' . $row['images'] . '" width="80" height="80" /&gt;';
                                                  ?&gt;
          &lt;/td&gt;
  
          &lt;td class=" text-center"&gt;
            &lt;?php
                                                  echo  $row['click'];
                                                  ?&gt;
          &lt;/td&gt;
  
          &lt;!-- &lt;td class="text-center"&gt;
                                                  &lt;a href="getDetails.php?token=&lt;?php echo $key; ?&gt;" class="btn btn-primary"&gt;View&lt;/a&gt;
                                              &lt;/td&gt; --&gt;
  
          &lt;td class="text-center"&gt;
            &lt;a href="edit.php?token=&lt;?php echo $key; ?&gt;" class="btn btn-primary"&gt;Edit&lt;/a&gt;
          &lt;/td&gt;
          &lt;td class="text-center"&gt;
            &lt;form action="deletecode.php" method="POST"&gt;
              &lt;input type="hidden" name="ref_token_delete" value="&lt;?php echo $key; ?&gt;"&gt;
              &lt;button type="submit" name="delete_data" class="btn btn-danger"&gt;Delete&lt;/button&gt;
            &lt;/form&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;?php
                                      }
                                  } else {
                                      ?&gt;
          &lt;?php
                                  }
                                  ?&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>