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

0 vote223 views1 answer
Internal phone input
Html
28 votes220 views6 answers
Html telephone link
Html
3 votes236 views4 answers
Bootstrap horizontal form
Html
0 vote214 views1 answer
How to read file over two directory back
Html
5 votes230 views3 answers
How to make an iframe
Html
232 votes322 views6 answers
How to link js to html
Html
20 votes216 views2 answers
Script src tag in html
Html
5 votes217 views1 answer
Htaccess remove .html
Html
0 vote225 views2 answers
Drupal 9 path to theme
Html
2 votes219 views2 answers
How to make circle button in bootstrap
Html