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

2 votes333 views1 answer
How to center navbar link bootstrap
Html
0 vote325 views1 answer
Open link as a number
Html
1 vote327 views1 answer
Nuxt route id nuxt link
Html
0 vote321 views1 answer
Zoom meeting widget for website
Html
1 vote341 views1 answer
Justify-content-center react bootstrap
Html
20 votes352 views4 answers
How get element by name in jquery
Html
1 vote344 views1 answer
Intput field submit button
Html
30 votes352 views5 answers
What is iframe html
Html
2 votes356 views6 answers
Laravel debugging
Html
1 vote303 views1 answer
Tab Html CSS [Bootstrap]
Html