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

3 votes268 views1 answer
Ion-select cancel text
Html
0 vote311 views1 answer
Hide html element show on print bootstrap 4.6
Html
2 votes264 views1 answer
Twig count array
Html
0 vote240 views1 answer
Button glow remove css
Html
0 vote251 views1 answer
Html domain
Html
0 vote264 views1 answer
App:lintVitalRelease output fir
Html
0 vote279 views1 answer
How zcdfdgfvcstop marquee text when you move your mouse over it
Html
2 votes273 views1 answer
Omega ruby
Html
4 votes283 views1 answer
Vue render html raw
Html
0 vote290 views1 answer
Access django object in html
Html