I have the following table that contains 3 columns. On a mobile view, I successfully wrapped the email but the cell, where this email is contained, still has the with of a none wrapped email as you can see on the print screen below.
<td id="email-td" class="col-xs-6">
Blanditiis id dolores maxime blanditiis. Aut sunt quia cupiditate reprehenderit et.
<button class="btn btn-danger"></button>
<button class="btn btn-default"></button>
Don't use bootstrap columns for a table. "col-xs-6" works best for divs. I would recreate your html using the div tag rather than a table, if you want it to be responsive. Tables were never really made to be responsive and are annoyingly difficult to manually fix their unresponsiveness.