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

8 votes191 views2 answers
Numbered list bootstrap
Html
2 votes191 views1 answer
Html video autoplay IPHONE
Html
0 vote204 views2 answers
Agregar atributo html con id jquery
Html
0 vote187 views1 answer
Html script crossorigin
Html
0 vote182 views1 answer
Selenium click not working
Html
0 vote189 views1 answer
What if i want a section to take the height of a viewport html
Html
5 votes167 views2 answers
Html disable drag image
Html
0 vote206 views1 answer
How to align a link in a bootsrap navbar o the left
Html
0 vote181 views1 answer
Magento 2 call phtml file in cms page
Html
0 vote213 views1 answer
Devexpress aspxdatagridview set column alignment
Html