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

7 votes94 views4 answers
Html style attribute
Html
6 votes113 views2 answers
What is the html code of changing color
Html
7 votes116 views1 answer
Bootstrap background image for card
Html
10 votes108 views2 answers
How to add lazy loading in html
Html
0 vote109 views1 answer
What is ETH2.0?
Html
0 vote123 views1 answer
Git compare files with different names
Html
0 vote115 views1 answer
Smart contract spdx license
Html
0 vote92 views1 answer
Html div specific size
Html
0 vote106 views1 answer
Footer html stack overflow
Html
0 vote115 views2 answers
Html quotation
Html