Html 带按钮的引导4列行

我已经开始探索Bootstrap4和HTML5/CSS。我想创建一个文本区域，侧边有两个按钮（水平居中）：

我得到的代码如下：

发送
清楚的

一种更好的方法是使用按钮列上的

调整d-flex列的内容。col-2 div中不需要额外的
行
元素。

发送
清楚的
您应该将每个按钮放在带有“col-…”类的div中


使用示例代码笔向您展示使用“col-…”类时的差异



清楚的
请进
使用col命令发送数据

我认为这种方法更好。(:

对
textarea
列使用
col
，以便占用所有可用空间
对按钮列使用
col auto
，使其占据所需的空间。然后使用
d-flex flex column
更改其方向



发送
清楚的
同时使文本区域不可回复也是好的。因此
试试这个


textarea.form-control{
调整大小：无；
}

发送
清楚的
内容不应直接放置在
.row
中。
.row
仅用于包含列。
<div class="container mt-2">
<div class="row">
    <div class="col-10">
    <textarea class="form-control" rows="3" id="sent_text"
              placeholder="Just write some text.."></textarea>
    </div>
    <div class="col-2">
        <div class="row">
             <button class="btn btn-info btn-sm m-1" type="button">Clear</button>
        </div>
        <div class="row">
          <div class="col-12">
            <button class="btn btn-success btn-sm m-1" type="button">Send in col</button>
          </div>
        </div>          
        <div class="row">
          <div class="offset-6 col-6">
            <button class="btn btn-success btn-sm m-1" type="button">Send centered using col</button>
          </div>
        </div>
  </div>