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

0 vote179 views1 answer
How to link an javascrit to an html fle grepper
Html
5 votes256 views2 answers
Html empty line
Html
2 votes196 views1 answer
Textarea angular onfocus
Html
7 votes232 views1 answer
Multibyte string input conversion in PHP is active and must be disabled
Html
0 vote180 views1 answer
Use variable in input value vuejs
Html
0 vote190 views1 answer
How to take space in fontawesome unicode
Html
18 votes183 views3 answers
Html inline css
Html
24 votes189 views2 answers
Justify content flex end
Html
0 vote228 views1 answer
Safe and truncate in django template
Html
0 vote208 views1 answer
Image carousel output
Html