Как сделать адаптивным такое шахматное поле?

Есть вот такая шахматная верстка https://jsfiddle.net/Swartex/4g7m5u9b/ хочу сделать адаптивность, можно с использованием Bootstrap. Но когда дошло до адаптивности я ума не приложу как это сделать, ведь в tr я не могу вставить <div class="row"></div>. Мне кажется что я не правильно сделал эту верстку с шахматными блоками. Прошу вашего совета.