我有一个小网站,用户可以在其中输入一些文本,然后以不同的方式处理该文本,例如,所有字符都转换为大写/小写和其他有用的噱头。结果显示在多个文本区域 block 中。我希望网站可以在移动设备上使用,所以我使用了 Bootstrap。 通常每个文本区域都有自己的行,但我想通过将两个或三个彼此相邻来对其中一些进行分组。
我的代码(用于两个文本区域)目前如下所示:
<body>
<div class="container-fluid text-center">
<div class="row">
<div class="col-md-4 col-md-offset-2">
<textarea
id="textarea1"
class="form-control"
></textarea>
</div>
<div class="col-md-4">
<textarea
id="textarea2"
class="form-control"
></textarea>
</div>
</div>
</div>
</body>
这有点像预期的那样工作,但是一旦用户尝试调整文本区域的大小,左边的文本区域就会落后于右边的文本区域,比如 :
我相信这是因为 Bootstraps 网格系统。
有没有办法让文本区域相互“插入”并同时具有响应式设计?
最佳答案
关于javascript - Bootstrap 中每行有多个文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32761052/