Bootstrap table downwards

Bootstrap break table row

I have this : 
|  1  |  2  |  3  |        4        |

I want this : 
|     1     |     2     |     3     |
|                 4                 |

- HTML :

<tr>
  <th scope="row">1</th>
  <td>2</td>
  <td>3</td>
  <td>4</td>
</tr>

- CSS : 

td:nth-child(4) {
  display: block;
  width: 100%;
}
th,
td:nth-child(2),
td:nth-child(3) {
  display: inline-block;
  width: 33%;
}

Source: grepper.com

Similar codes

1 vote113 views1 answer
Laravel loop iteration pagination
Html
0 vote102 views2 answers
Mobile app
Html
0 vote107 views1 answer
Can html be coded in to text string
Html
0 vote102 views1 answer
How to insert an image in bootstrap 4
Html
4 votes110 views3 answers
Image slider with bootstrap
Html
0 vote117 views1 answer
Get all values in hidden field with the same name
Html
50 votes103 views3 answers
Html label tag
Html
3 votes114 views3 answers
Vue js v-for array index
Html
0 vote123 views1 answer
Truncatewords django template
Html
2 votes165 views2 answers
How to enable button after checked
Html