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 vote262 views1 answer
Jyml toggle checkbox text
Html
0 vote279 views1 answer
Launch html in google chrome from terminal
Html
0 vote294 views1 answer
Html select component
Html
0 vote285 views1 answer
H = (h < 10) ? "0" + h : h;
Html
0 vote268 views1 answer
Document.getElementById("demo").innerHTML = "Please follow Us on Twitter"; in href link
Html
0 vote271 views2 answers
Vue img src
Html
0 vote279 views1 answer
Hit a perticaulr ancor tag id
Html
2 votes273 views1 answer
Html one page template free
Html
1 vote273 views1 answer
What is the base of an html code?
Html
1 vote249 views1 answer
Disable spell check html
Html