Bootstrap tables overflowing with long unspaced text

.the-table {
    table-layout: fixed;
    word-wrap: break-word;
}

Deprecated (i.e. word-wrap)

Add the following styles to your <table>

.the-table {
    table-layout: fixed;
    over-flow: break-word;
}

Then you can adjust your layout via-CSS as you wish.

This works without forcing table layout to be fixed Just add it to td or any

.is-breakable {
  word-break: break-word;
}