如何设置引导程序行的高度？答案

【问题标题】：How to set height of a bootstrap's row?如何设置引导程序行的高度？
【发布时间】：2018-12-07 23:59:44
【问题描述】：

我有这样的 HTML：

<div class="row">
  <div class="col-xs-12">
    <form>
      <div class="form-group">
        <label for="vipResult">Result</label>
        <textarea class="form-control result" id="vipResult"></textarea>
      </div>
    </form>
  </div>
</div>

它是这样显示的：

现在我想改变文本区域的高度。我试图为它设置height: 200%，但它不起作用。也许我应该改变行的高度，我该怎么做？

【问题讨论】：

在此处发布您的代码而不是图片。
同时提供您的 css 代码。
这似乎与 Bootstrap 行无关。这是设置文本区域高度的问题。

标签： html css twitter-bootstrap

【解决方案1】：

//改变行使用的高度

textarea{height:200px;}

【讨论】：

【解决方案2】：

如果您的代码中有多个 textarea 元素，请为每个元素使用单独的 ID 来单独设置它们的样式。或者你可以像这样使用它

<textarea style= "height:200px;"></textarea>

这是另一种样式化 html 元素的方式。希望这会有所帮助。

【讨论】：

【解决方案3】：

#textareaheight{
    		height:200px;
    	}

<form>
    		<textarea type="text"  name="text" class="form-control" id="textareaheight"></textarea>
    	</form>

你可以试试这个代码的高度。

这里你可以使用height:200px和id标签

<head>
<style>
    #textareaheight{
        height:200px;
    }
  </style>
</head>
<body>
<br><br><br>
    <div class="col-md-4 col-md-offset-4">
    <form>
        <textarea type="text"  name="text" class="form-control" id="textareaheight"></textarea>
    </form>
    </div>

【讨论】：