0
Я не могу правильно форматировать таблицу, используя Bootstrap. Я проверял этот код много раз, и я не знаю, почему это выглядит неправильно.Bootstrap Table Row Bad Sizing
<table class="table table-striped table-bordered">
<thead>
<th>#</th>
<th>Mecz</th>
<th>Liga</th>
<th>Kurs</th>
<th>Data Rozpoczęcia</th>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#accordion" class="clickable">
<th scope="row"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
</tr>
<tr>
<td colspan="3" style="padding: 0px;">
<div id="accordion" class="collapse" style="padding: 5px;">Hidden</div>
</td>
</tr>
</tbody>
</table>
Это потому, что вы пытаетесь закрываете ''
Все еще не работает, но я исправляю его – TomChw
Он работает над jsfiddle правильно, я использую bootstrap.min.css from https://bootswatch.com/flatly/ – TomChw
ответ
Вы код, кажется, отлично работает в стороне от внутреннего тела, который был закрыт тегом td. исправил код html, чтобы исправить это. Еще одна вещь, которую нужно проверить, - это, возможно, другие правила стилизации, которые, как представляется, переопределяют стиль вашего стола. вы можете попытаться отключить другую таблицу стилей и просто оставить загрузочный лоток, чтобы убедиться, что он исправит ваши проблемы.
Ниже приведена рабочая демонстрация вашего стола.
источник
2016-07-11 00:01:39
Смежные вопросы