在Bootstrap中設置Textarea的寬度3

我一直在尋找一種方法來讓我的'textarea'在它的列內達到100％。我已經看到了一些不同的方法（我沒有能夠工作）在Bootstrap中將'textarea'擴展到100％。我擁有一切，從自定義的CSS樣式到使用class =「form-control col-lg-12」來覆蓋Bootstrap的CSS。在Bootstrap中設置Textarea的寬度3

任何人都有一個工作建議，可以允許流體重新調整大小？

這是我的代碼。現在寬度稍微超過佔位符文本。

<div class="row"> 
      <div class="col-lg-7"> 
       <h2>@Model.EmployeeName</h2> 
       <h3>Employee #: @Model.EmployeeNumber</h3> 

       <h5>(Optional): Exception Log comments related to this shift for your Supervisor/Time Keeper.</h5> 
       <textarea rows="2" placeholder="Exception Log comments."></textarea> 
      </div> 
      <div class="col-lg-5 text-right"> 
       <div ng-controller='TimeCtrl'> 
        <h2>{{ clock | date:'fullDate'}}</h2> 
        <h1>{{ clock | date:'HH:mm:ss'}}</h1> 
        <input type="submit" class="btn btn-xxlarge btn-success" value="Punch In" /> 
       </div> 
      </div> 
     </div>

來源

2016-03-10 Caverman

我相信，引導自己的表單元素類（表單控件）是什麼使表單元素佔用他們在列的全部寬度。

<textarea class="form-control"></textarea>

來源

2016-03-10 19:40:38 georaldc

我正要寫那 –

似乎沒有爲我工作。在我的研究過程中，我嘗試了一些建議，只是在其中設置了列設置。這是我在class =「form-control col-lg-6」之前試過的東西 – Caverman

你能用jsfiddle之類的東西來重現問題嗎？ – georaldc

如果你只需要添加一些自定義CSS，你可以強制其使用整個容器寬度

min-width: 100% 
max-width: 100%

然而，使用引導類「的形式控制」也可以達到這一

來源

2016-03-10 19:43:56

只需在textarea中添加一個'表格控件'類。如果你在一個小屏幕上工作，col-lg-7和col-lg-5覆蓋所有窗口。

而你的欄目文字是不同的。您可能會在屏幕上看到col-sm-12。

<textarea class="form-control" rows="2" placeholder="Exception Log comments."></textarea>

來源

2016-03-10 19:45:29 oguzhancerit

class="form-control"必須工作。如果它不工作，則表示在css文件的某處，max-width屬性設置爲限制寬度的文本區域。在這種情況下，檢查site.css文件並刪除max-width屬性。

來源

2017-04-22 12:05:32

只需form-control類添加到您的textarea，如果你想在這100％的寬度，無需添加col-lg-12 bcoz form-control類給人的父元素的寬度爲100％。

<textarea class="form-control" rows="4" placeholder="Exception Log comments."></textarea>

來源

2017-05-24 18:39:41 Bhuwan

在Bootstrap中設置Textarea的寬度3

回答

相關問題