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

75 votes219 views6 answers
Html button with href
Html
2 votes153 views1 answer
Default active input radio button html
Html
0 vote197 views2 answers
V4l2
Html
1 vote198 views1 answer
A line in the middle of atom editor
Html
25 votes187 views3 answers
How to add horizontal line in html without css
Html
1 vote186 views1 answer
Html void
Html
0 vote198 views1 answer
Command parse pipe output
Html
0 vote191 views1 answer
How to add logo next to title html
Html
0 vote185 views1 answer
Html images @2x
Html
38 votes193 views5 answers
Border bottom class in bootstrap 4
Html