切換到手機屏幕時，表格在自舉中沒有得到響應

Question

我在引導程序中創建了一個表格，其中有一個輸入字段，一個文本區域和一個按鈕，界面完美適用於大屏幕和平板電腦，但不起作用手機屏幕我不知道爲什麼它不工作。 這是我的代碼。

<section class="container"> 
<div class=""> 
<table class="table table-responsive" style="display:block;" > 
    <tr class="active"> 
     <td>Tittle:</td> 
     <td><input type="text" name="tittle" style="width:300px;"/></td> 
    </tr> 
    <tr class="success"> 
    <td>Post:</td> 
    <td><textarea name="post" style="width:300px; height:150px;"></textarea></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td><input type="submit" name="Post" class="btn btn-success"/></td> 
    </tr> 
</table> 
</div> 
</section> 

頁面的表格視圖。 頁面的移動視圖。

Answer 1

最後我已經做到了這一點，唯一的問題是與DIV CLASS = 「行」 和DIV class =「col-lg-3」

<section class="container"> 
<div class="row"> 
<div class="col-lg-3"> 
<div class="table-responsive"> 
<table class="table"> 
    <tr class="active"> 
     <td>Tittle:</td> 
     <td><input type="text" name="tittle" class="form-control"/></td> 
    </tr> 
    <tr class="success"> 
    <td>Post:</td> 
    <td><textarea name="post" class="form-control" style="height:150px;"></textarea></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td><input type="submit" name="Post" class="btn btn-success"/></td> 
    </tr> 
</table> 
</div> 
</div> 
</div> 
</section> 

Answer 2

嘗試這個

觀看演示：http://jsfiddle.net/Debananda/jJhsL/

<section class="container"> 
<div class="table-responsive"> 
<table class="table"> 
    <tr class="active"> 
     <td>Tittle:</td> 
     <td><input type="text" name="tittle" class="form-control"/></td> 
    </tr> 
    <tr class="success"> 
    <td>Post:</td> 
    <td><textarea name="post" class="form-control" style="height:150px;"></textarea></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td><input type="submit" name="Post" class="btn btn-success"/></td> 
    </tr> 
</table> 
</div> 
</section> 

手機圖：