Html 无法使用引导使表响应_Html_Css_Twitter Bootstrap

Html 无法使用引导使表响应

html css twitter-bootstrap

Html 无法使用引导使表响应,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我不知道如何引导。你能指导我如何制作一张桌子吗。如何使这个身体反应灵敏 <body style="background-color:#F1F3F6 "> <div align="center"> <h1 style="color:#0083CA;"> <img src="http://www.kerenel.com/img/banner" alt="Alternate Text" />

我不知道如何引导。你能指导我如何制作一张桌子吗。如何使这个身体反应灵敏

    <body style="background-color:#F1F3F6 ">
        <div align="center">
        <h1 style="color:#0083CA;">
            <img src="http://www.kerenel.com/img/banner" alt="Alternate Text" /><br />
            Smart Pond
        </h1>
       <div id="currenttime" style="display:none;">

        </div>
        <table class="">
            <tr>
                <td><div id="water-temperature-container" style="float:left; min-height:400; background-color:red;"></div></td>
                <td><div id="ph-container" style="float:left;background-color:red"></div></td>
                <td><div id="do-container" style="background-color:red"></div></td>
            </tr>
        </table>
        Data recorded at Time : <span id="lblDate"></span>


    </div>
</body>




智能池塘
当时记录的数据：

通过在

.table responsive

中包装任何

.table

来创建响应表，使其在小型设备上水平滚动（在

768px

下）。当查看大于768px的任何内容时，您将看不到这些表中的任何差异

您需要添加以下类：

```
表格
```
```
表格响应
```

代码

<table class="table table-responsive">
  <tr>
    <td><div id="water-temperature-container" style="float:left; min-height:400; background-color:red;" ></div></td>
    <td><div id="ph-container" style="float:left;background-color:red"></div></td>
    <td><div id="do-container" style="background-color:red"></div></td>
  </tr>
</table>

片段

表响应类创建响应表。然后，表格将在小型设备上水平滚动（768px以下）。在任何大于768px宽的物体上观看时，没有区别：


名字
姓氏
年龄
再见
辛格哈尔
35
因德罗奈尔
克里希南
20