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

6 votes306 views2 answers
Git checkout upstream branch
Html
0 vote313 views2 answers
Password.text
Html
1 vote283 views1 answer
Nested list html
Html
68 votes327 views4 answers
Favicon in html document
Html
63 votes314 views3 answers
How to use jQuery
Html
0 vote316 views1 answer
Wordpress icon font awesome
Html
0 vote301 views3 answers
Html5 mssenger
Html
0 vote333 views1 answer
Html peseta symbol
Html
22 votes335 views3 answers
Basic html boilerplate
Html
2 votes286 views2 answers
Background position in html
Html