Bootstrap 4 CSS - переопределение заголовка по умолчанию: нижняя часть не работает

Question

Я использую Bootstrap и пытаюсь переместить заголовки своих таблиц обратно в верхнюю часть своих таблиц, и я встречаю странное сопротивление.

Стиль выигрывает настолько далеко, как это видно из инспектора разработчиков.И все же заголовок упрямо остается под столом ... издевается надо мной.

Когда я впервые добавил стиль заголовка, он работал нормально.В какой-то момент после добавления немного содержимого и дополнительных стилей в таблицу, он больше не делал.Теперь я отбросил некоторые вещи обратно к основным элементам, но этот заголовок не сдвинется с места.

С какой стати инспектор показал бы "заголовок стороны: верх;"в то время как дисплей не согласен и хлопает его внизу?

Вот простая ручка, иллюстрирующая проблему.Надеюсь, что для кого-то это плохой данк, потому что я сбит с толку.

Все CSS:

.crtable{
caption-side: top;
}

https://codepen.io/halfacre/pen/KJBJqZ

Answer 1

Вы должны реализовать стиль caption-side для caption.

(https://codepen.io/anon/pen/PVBLBB)

CSS

caption{
  color:red;
    caption-side: top;
}