můžete mi prosím poradit ?
potřebuji naformátovat tabulku, teda spíš její sloupce.
používám css bootstrapu, ale mám problém se zobrazením v různých prohlížečích.
respective ve Firefoxu je to správně, v chromu to nefunguje.
- Kód: Vybrat vše
<html>
<head>
<title>Hello!</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body style="max-width: 900px; margin: auto;">
<br /><br />
<table class="table table-bordered table-hover table-sm">
<thead class="table-secondary">
<tr class="header">
<td class="col-sm-1">jedna</td>
<td class="col-sm-1">dvě</td>
<td class="col-sm-5">tři</td>
<td class="col-sm-3">čtyři</td>
</tr>
</thead>
<tbody>
<tr>
<td>prvni</td>
<td>druhá</td>
<td>třetí</td>
<td>čtvrtá</td>
</tr>
<tr>
<td>prvni</td>
<td>druhá</td>
<td>třetí</td>
<td>čtvrtá</td>
</tr>
<tr>
<td>prvni</td>
<td>druhá</td>
<td>třetí</td>
<td>čtvrtá</td>
</tr>
<tr>
<td>prvni</td>
<td>druhá</td>
<td>třetí</td>
<td>čtvrtá</td>
</tr>
</tbody>
</table>
</body>
</html>
firefox:
chrome:
IE je stejny jako chrome.
jasně, můžu si napsat svoje css a tabulku si naformátovat podle svého,ale chtěl bych to vyřešit spíš pomocí toho bootstrapu.
máte s tím někdo zkušenost ?, proč to tak je a jak se to dá vyřešit ??