<table&gt;<tbody>

<tr>
<td align="center"> </td>
<td align="center"><768px</td>
<td>>=768px</td>
<td align="center">>=992px</td>
<td align="center">>=1200px</td>
</tr>
<tr>
<td align="center">.visible-xs-</td>
<td align="center">可见</td>
<td>隐藏</td>
<td align="center">隐藏</td>
<td align="center">隐藏</td>
</tr>
<tr>
<td align="center">.visible-sm-</td>
<td align="center">隐藏</td>
<td>可见</td>
<td align="center">隐藏</td>
<td align="center">隐藏</td>
</tr>
<tr>
<td align="center">.visible-md-</td>
<td align="center">隐藏</td>
<td>隐藏</td>
<td align="center">可见</td>
<td align="center">隐藏</td>
</tr>
<tr>
<td align="center">.visible-lg-</td>
<td align="center">隐藏</td>
<td>隐藏</td>
<td align="center">隐藏</td>
<td align="center">可见</td>
</tr>
<tr>
<td align="center">.hidden-xs-</td>
<td align="center">隐藏</td>
<td>可见</td>
<td align="center">可见</td>
<td align="center">可见</td>
</tr>
<tr>
<td align="center">.hidden-sm-</td>
<td align="center">可见</td>
<td>隐藏</td>
<td align="center">可见</td>
<td align="center">可见</td>
</tr>
<tr>
<td align="center">.hidden-md-</td>
<td align="center">可见</td>
<td>可见</td>
<td align="center">隐藏</td>
<td align="center">可见</td>
</tr>
<tr>
<td align="center">.hidden-lg-</td>
<td align="center">可见</td>
<td>可见</td>
<td align="center">可见</td>
<td align="center">隐藏</td>
</tr>

• 上一篇：CSS概念：命名准则 命名规范下一篇：target="_blank"的其他用