title: bootstrap table styling not working properly
body: <p>Well to show you the problem I will simply show you an screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/CrtEh.jpg" alt="enter image description here"></p>
  
  <p>The Problem is that there is an horizontal scrolling bar, but i want that if the text is longer in one cell, that the text just makes a new line and the cell gets bigger.</p>
  
  <p>Here you can see the markup of that table. I am using the latest bootstrap version</p>
  
  <pre><code>            &lt;article class="col-lg-9 col-md-9 col-sm-9 pull-right"&gt;
                  &lt;table class="table table-striped table-condensed"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;td&gt;Room&lt;/td&gt;
                              &lt;td&gt;Player&lt;/td&gt;
                              &lt;td&gt;Text&lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;
  
                  &lt;?php
                      $chatLog = new ChatLogParser('C:\AtWar\Service\Logs\2014-01-29_chat.log');
                      $logs = $chatLog-&gt;parseToObject();
                      foreach($logs AS $log)
                      {
                          echo "&lt;tr&gt;&lt;td&gt;".$log[0]."&lt;/td&gt;&lt;td&gt;&lt;strong&gt;".$log[1]."&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;".$log[2]."&lt;/td&gt;&lt;/tr&gt;";
                      }
                  ?&gt;
                      &lt;/tbody&gt;
                  &lt;/table&gt;
  
              &lt;/article&gt;
  </code></pre>