HTML5入力タイプdatetime-localは、テーブルtdの最小幅を取る

Question

HTML5の入力タイプ "datetime-local"をテーブルtdに配置すると、画面幅を調整するときに最小幅があり、応答しなくなります。ここに私のコードは

<div class="container"> 
    <table class="table table-bordered table-striped table-responsive table-hover"> 
     <tbody> 
      <tr> 
       <td><input type="text" class="form-control" value="Sample" /></td> 
       <td><input type="datetime-local" class="form-control" value=""/></td> 
       <td><input type="datetime-local" class="form-control" value=""/></td> 
       <td><input type="text" class="form-control" value="Sample" /></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

私はDivの同じコントロールを置くとき、それは応答し、正常に動作します。

<div class="container" style="margin-top:10px"> 
    <div class="row"> 
     <div class="col-xs-1"> 
      <input type="text" class="form-control" value="Sample" /> 
     </div> 
     <div class="col-xs-5"> 
      <input type="datetime-local" class="form-control" value="" /> 
     </div> 
     <div class="col-xs-5"> 
      <input type="datetime-local" class="form-control" value="" /> 
     </div> 
     <div class="col-xs-1"> 
      <input type="text" class="form-control" value="Sample" /> 
     </div> 
    </div> 

しかし、私はこの表を使いたいです。 HTML5入力タイプの「datetime-local」コントロールをTableで使用すると、応答性がありますか？

Answer 1

おかげで、私はそれを試してみましたが、それはまだ、動作しない...........あなたはこの問題を解決することができ

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="table-responsive"> 
 
    <table class="table table-bordered table-striped table-hover"> 
 
     <tbody> 
 
     <tr> 
 
      <td> 
 
      <input type="text" class="form-control" value="Sample" /> 
 
      </td> 
 
      <td> 
 
      <input type="datetime-local" class="form-control" value="" /> 
 
      </td> 
 
      <td> 
 
      <input type="datetime-local" class="form-control" value="" /> 
 
      </td> 
 
      <td> 
 
      <input type="text" class="form-control" value="Sample" /> 
 
      </td> 
 
     </tr> 
 
     </tbody> 
 
    </table> 
 
    </div> 
 
</div>