Question

这是一段带有textarea的erb代码。我使用style="min-width: 100%"使区域扩展到100％宽度。但是style根本不起作用。

<div class="container-fluid">

  <div class="col-md-8">
    <!--panel-->
    <div class="panel panel-primary">
     <div class="panel-body">
        <div class="row">
            <div class="col-md-6">
              <div class="row">
                <div class="col-sm-<%=BUTTONS_CLS['left-span#']%> form-group">
                    <b><%=t('Batch#')%></b>
                </div>
                <div class="col-sm-<%=BUTTONS_CLS['right-span#']%> form-group">
                    <textarea class="form-control" rows="1" id="comment" style="min-width: 100%"><%= @part_production.requirement  %></textarea>
                </div>
              </div>
            </div>
        </div> 
      </div> 
    </div> 
  </div> 
</div>

以下是textarea的

<div class="col-sm-5 form-group">
<textarea id="comment" class="form-control" rows="1" style="min-width: 100%"></textarea>
</div>

如何设置textarea的宽度（面板的百分比。未指定某些px）？

Answer 1

您只需查看此代码..

尝试将min-width: 100%添加到textarea的样式中：

<textarea class="form-control" style="min-width: 100%"></textarea>

否则试试这个..

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

Answer 2

如果您不想设置内联样式，可以将CSS添加到CSS文件中。 100％将扩展到它的父母大小。

textarea.form-control{ width: 100% !important; }

您可能要考虑将HTML标记更改为：

<div class="col-sm-5"><div class="form-group">...</div>...

而不是在一个div中执行form-group和col。

Answer 3

使用col-sm-12

像这样

<div class="col-sm-12 form-group">
<textarea id="comment" class="form-control" rows="1" style="min-width: 100%"></textarea>
</div>

原因可能是因为col-sm-5类而无法获得100％的百分比。

RAILS：如何在bootstrap 3面板中设置textarea的宽度？

3 个答案: