bootstrap3文本區域太小

我有一個textarea下面的HTML代碼與Bootstrap3，這是太小了。我給了它的父母divclass="col-xs-6"，並期望它佔用大約一半的頁面寬度。但在最大化瀏覽器窗口的1300x768屏幕上，text區域僅爲屏幕寬度的1/8左右。bootstrap3文本區域太小

有些可以幫助解釋小尺寸的原因是什麼，以及如何解決它？

由於

代碼是下面（和js fiddle）：

<div class="container"> 
<div class="row"> 
    <div class="col-xs-6 col-md-6"> 
     <div class = "row"> 
      <textarea id="dataquery" name="data"></textarea> 
     </div> 
     <div class = "row"> 
      <button id="datasubmit" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-arrow-right"></span></button> 
     </div> 
     <div class = "row"> 
      Status: <br/> 
      <span id="dataresult"> </span> 
     </div> 
    </div> 
    <div class="col-xs-6 col-md-6"> 
     Results: 
     <div class="table-responsive"> 
      <table id="datatable" class="table table-striped table-bordered"> 
      </table> 
     </div> 
    </div> 
</div> 

</div>

來源

2014-11-08 tinlyx

在1 200像素，bootstrap切換到'col-lg'屬性。也許你應該添加那個。你可以像你已經做的那樣向它添加多個類，所以如果你把'col-lg-6'添加到特定的元素，它應該可以。此外，您將一個類行添加到父級，但忘記將完整寬度的'（col-something-something）'添加到特定的子元素，說明它有多大。你可能想添加'col-md-12/col-xs-12/col-lg-12'類到它 – Dorvalla 2014-11-08 09:43:59

可以使用引導類形式控制，以textarea的像

<textarea id="dataquery" name="data" class="form-control"></textarea>

此類需要100％的寬度的父母

來源

2014-11-08 09:52:34 Ashish

bootstrap3文本區域太小

回答

相關問題