title: Bootstrap/Stylus - Make Table Column as small as possible
body: <p>I'm practicing using Bootstrap to make my table responsive on a search list I'm creating, the issue is that two of my columns I'd like to make as small as possible instead of equal sized.
  In the picture below, you can see Date and Link take up more space then they need. How can I go about fixing this? Thanks in advance!</p>
  
  <p><img src="https://i.stack.imgur.com/H7jpU.png" alt="Title and Link are too big"></p>
  
  <p>HTML (Snipped):</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
      &lt;table class="table table-striped table-hover table-bordered table-condensed"&gt;
          &lt;tbody&gt;
              &lt;tr class="active" ng-repeat="s in results"&gt;
                  &lt;!-- &lt;td class="hidden-xs hidden-sm"&gt;{{$index}}&lt;/td&gt; --&gt;
                  &lt;td class="hidden-xs hidden-sm"&gt;{{s.provider}}&lt;/td&gt;
                  &lt;td&gt;{{s.title}}&lt;/td&gt;
                  &lt;td&gt;{{s.date}}&lt;/td&gt;
                  &lt;td class="hidden-xs hidden-sm"&gt;{{s.cat}}&lt;/td&gt;
                  &lt;td&gt;&lt;a href="{{s.link}}"&gt;D/L&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Stylus:</p>
  
  <pre><code>table
      table-layout fixed
      word-wrap break-word
  </code></pre>