Я работаю над сайтом, который основан на макете таблицы (без div). Теперь требования меняются и должны быть созданы заново, чтобы они выглядели отзывчивыми, а для отзывчивости мы выбираем загрузчик в качестве опции.

Теперь, как я могу преобразовать макет таблицы в макет сетки начальной загрузки, чтобы: 1. выглядело не изменяться, 2. также было отзывчивым.

макет таблицы слишком сложен на сайте. там много вложений. Например:

<table border="0" width='100%' bgcolor='#ff00ff'>
<tr style='padding-bottom:1em;'>
<td>
    <table border="0">
        <tr valign='bottom'>
            <td width='50'>&nbsp;</td>
            <td>
                <img border="0" src="#" width="100" height="300">
            </td>
            <td width='25'>&nbsp;</td>
            <td>
                <span style='font-size:10px;color:#cccccc;'>Alpha testing</span>
            </td>
        </tr>
    </table>
</td>
<td align='right'>
    <table border="0" cellspacing="0">
        <tr>
            <td align='center' colspan='3'>
                <span>Another tesing text</span>
                <span style='color:#FFFFCC;'> - </span>
                <span style='font-size:11px;color:#fffff;'>Random text</span>
            </td>
        </tr>
    </table>
</td>
</tr>

Например, как я могу конвертировать приведенный выше код с помощью начальной загрузкиrow, col-*-* Макет сетки.

Поверьте мне, я много пытался преобразовать это, но иногда внешность меняется, а иногда просто не работает вообще.

Также приветствуются общие предложения о том, как преобразовать основание таблицы в загрузочную.