用于移动的bootstrap表响应式文本换行

Question

这里引导新手。我正在使用Bootstrap的表响应类，我想在第一列中进行文本换行。可以这样做吗？

<div class="col-md-12">
     <div class="table-responsive">
         <table class="table table-striped" >
              <thead>
                  <tr>
                     <th>
                                Event Date - Type
                     </th>
                     <th>
                                Company - Event State
                    </th>

                 </tr>
            </thead>
            <tbody>        
                 <tr>
                     <td>
                        blah1 blah2
                    </td>
                    <td>
                        blah3 blah4
                    </td>
                  </tr>
            </tbody>
        </table>
     </div>
</div>

表条带类的当前问题，没有文本换行第一列：

我希望它看起来像使用包装文本的表条带类：