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 vote138 views1 answer
What is uniswap
Html
0 vote144 views2 answers
Html div grid 9x9
Html
3 votes154 views1 answer
Horizontal line html react
Html
23 votes142 views1 answer
Accept only image files upload html
Html
5 votes154 views5 answers
Webm to mp4
Html
7 votes105 views4 answers
Html to pug
Html
41 votes132 views1 answer
Website starter
Html
0 vote140 views1 answer
Tailwind display inline block
Html
0 vote151 views1 answer
How to make a div a checkbox html
Html
-3 votes192 views3 answers
Html file input accept excel file
Html