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 vote180 views1 answer
Drupal twig get value of entity reference field
Html
0 vote167 views1 answer
Js does a return stop a while
Html
1 vote148 views2 answers
How to refer to external style sheet
Html
7 votes158 views2 answers
A open in new tab
Html
91 votes161 views6 answers
Bootstrap 4 text color
Html
0 vote161 views1 answer
Td align top
Html
-1 vote175 views1 answer
Html conditional comments
Html
4 votes174 views1 answer
Blobs fish
Html
2 votes171 views1 answer
How to center navbar link bootstrap
Html
123 votes172 views4 answers
Opem link in new tab html
Html