Bootstrap文本框仅显示一行求助：设置rows=5仍无效

嗨，我一眼就瞅出问题所在啦！你现在用的是<pre>标签来做输入框，但rows属性是<textarea>的专属配置，<pre>根本不认这个属性，所以你设了rows='5'也没半点效果~

要解决这个问题，最直接的办法就是把<pre>换成<textarea>——毕竟<textarea>才是专门用来实现多行文本输入的表单元素，它能完美识别rows属性，配合你用的form-control类，样式也能保持一致。

修改后的代码应该是这样的：

<div class='textbox'>
  <div class='offset-md-0'>
    <label for='comment'>Persoenlicher Kommentar:</label>
    <textarea class='form-control' id='comment' rows='5'>$p_text</textarea>
    <div id='charNum'></div>
  </div>
</div>

要是你因为特殊需求必须用<pre>标签（比如要保留文本的预格式化样式），那可以通过CSS手动设置高度来模拟多行效果，比如：

#comment.form-control {
  min-height: 120px; /* 大概对应5行文本的高度，你可以根据实际需求调整 */
  white-space: pre-wrap; /* 让文本超出宽度时自动换行，避免横向滚动 */
}

不过还是更推荐用<textarea>，因为它是为文本输入场景设计的，能更好地满足你“尺寸合适的文本框”需求~

内容的提问来源于stack exchange，提问作者Tatsächlich