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 vote260 views1 answer
Remove arrow dropdown bootstrap
Html
0 vote244 views1 answer
Cuales son los elementos bloque y los elementos linea
Html
0 vote232 views2 answers
Message box html
Html
1 vote220 views1 answer
How to make a div responsive in css
Html
0 vote224 views1 answer
Laravel csrf fields
Html
1 vote255 views1 answer
Markdown image by address
Html
1 vote240 views1 answer
Details balise
Html
9 votes229 views2 answers
Multipart form
Html
0 vote232 views1 answer
Pros/cons of using `.createElement()` and `append()` vs. `.innerHTML`?
Html
0 vote231 views2 answers
Espaçamento bootstrap
Html