两个文本区域并排，最大尺寸填充整个覆盖网站，就像在崇高的文本编辑器中一样，有两列布局？ [关闭]答案

【问题标题】：Two textarea side by side with max size that fill place whole covering website like in sublime text editor, with two columns layout? [closed]两个文本区域并排，最大尺寸填充整个覆盖网站，就像在崇高的文本编辑器中一样，有两列布局？ [关闭]
【发布时间】：2021-10-13 17:45:54
【问题描述】：

这里是带有两列焦点组的 sublime 文本视图的示例：

【问题讨论】：

请阅读How to Ask和minimal reproducible example
可以使用flexbox来实现

标签： javascript html jquery css responsive-design

【解决方案1】：

section {
  display: flex;
}

textarea {
  flex:1;
}

<section>
    <textarea name="" id="" rows="10"></textarea>
    <textarea name="" id="" rows="10"></textarea>
</section>

【讨论】：

【解决方案2】：

请引导！

<section>
  <div class='row'>
   <div class='col-6'>
    <textarea name="" id="" rows="10"></textarea>
   </div>
   <div class='col-6'>
    <textarea name="" id="" rows="10"></textarea>
   </div>
  </div>
</section>

不要忘记在 index.html 中的<head></head> 之间添加 CDN：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

【讨论】：

Bootstrap 3 已经过时了，现在是 bootstrap 5 的时候了！ PS实现这个bootstrap不是强制的，比如flexbox用几行css就可以了