小编Kir*_*ran的帖子

我正在基于表格布局(没有div)的网站上工作.现在需求更改并且必须重新创建以使其看起来响应,并且为了响应我们选择bootstrap作为选项.

现在,我如何将表格布局转换为引导网格布局,以便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>

例如,如何使用bootstrap row,col-*-*grid-layout 转换上面的代码.

相信我,我尝试了很多来转换它,但有时看起来有变化或有些时候根本不起作用.

关于如何将表基本布局转换为引导程序的一般建议也是受欢迎的.

在我的info数据库中，我有 4 个表，其中两个表被命名为girls&boys并且都有id列。boys包含 12 id（12 条记录）并girls包含 8 id。当我应用此查询时：

SELECT * FROM
boys
NATURAL JOIN
girls

我得到的输出为

Empty Set

怎么会发生这种事？（两id列都是INT, NOT NULL, AUTO_INCREMENT）。