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

37 votes197 views6 answers
Html comment
Html
0 vote140 views1 answer
How can i make a quote element in html
Html
0 vote131 views1 answer
Vmware workstation ubuntu 16.10
Html
0 vote240 views2 answers
Random number text in html
Html
32 votes162 views6 answers
Vue conditional class
Html
1 vote160 views1 answer
Bs css link
Html
0 vote145 views1 answer
Input field with add button that creates another input
Html
6 votes144 views3 answers
Jquery unescape html
Html
0 vote129 views1 answer
Simple html report template
Html
285 votes298 views2 answers
Fontawesome 4.7 cdn
Html