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 vote305 views1 answer
WebView Dump all html
Html
0 vote336 views1 answer
View html file linux terminal
Html
1 vote312 views3 answers
Bootstrap stop carousel
Html
4 votes316 views3 answers
Watch nested data vue
Html
4 votes301 views3 answers
Show timestamp as yyyy mm dd html angular
Html
2 votes311 views3 answers
React cdn
Html
1 vote298 views1 answer
Html games for mobile
Html
0 vote307 views1 answer
Create a animated emoji discored
Html
0 vote327 views1 answer
Uncaught TypeError: Bootstrap
Html
214 votes385 views6 answers
Adding css to html
Html