Quebra de linha em tabela usando Bootstrap

[flaviokowalske]

Com fazer uma quebra de linha ta THEAD da tabela abaixo usando Bootstrap?

<table class="table table-hover table-bordered p-0 m-0 table-sm">
	<thead class="table-warning">
		<tr>
			<th scope="col" class="text-center"><strong><small>Consumo dia (L)</small></strong></th>
			<th scope="col" class="text-center"><strong><small>Consumo noite (L)</small></strong></th>
			<th scope="col" class="text-center"><strong><small>Consumo médio (L)</small></strong></th>
			<th scope="col" class="text-center"><strong><small>Consumo total (L)</small></strong></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td class="text-center align-bottom"><small><em>1000</em></small></td>
			<td class="text-center align-bottom"><small><em>2000</em></small></td>
			<td class="text-center align-bottom"><small><em>1500</em></small></td>
			<td class="text-center align-bottom"><small><em>3000</em></small></td>
		</tr>
	</tbody>
</table>

 

[wash]

Moleza!
Quebra de linha se faz com a tag <br> (break rule)

[wash]

Olá!
Cada linha(aquilo que contém as células) em uma tabela é gerada por <tr> table rule (linha de tabela)
 

Logo, uma thead com duas linhas seria:
<thead>
   <tr>...</tr>  // linha 1
   <tr>...</tr>  // linha 2
</thead>

Editado Novembro 16, 2020 por wash

[flaviokowalske]

Em 16/11/2020 em 12:49, wash disse:

Olá!
Cada linha(aquilo que contém as células) em uma tabela é gerada por <tr> table rule (linha de tabela)
 

Logo, uma thead com duas linhas seria:
<thead>
   <tr>...</tr>  // linha 1
   <tr>...</tr>  // linha 2
</thead>

Na verdade preciso quebrar o texto dentro da célula.