我如何在 bootstrap studio 中进行这种布局

【问题标题】：how can i make this type of layout in bootstrap studio我如何在 bootstrap studio 中进行这种布局
【发布时间】：2021-02-18 15:31:16
【问题描述】：

我正在尝试将带有边框和按钮的文本居中放置在一行中（例如 image of layout that I am trying to make 并且一次又一次地失败。我尝试过 2 列布局、一行和两列布局、简单的 div、容器...等。谁能帮我把这两件事放在一条线上。

【问题讨论】：

在您的问题中创建一个代码 sn-p，显示您尝试过的内容

标签： html css bootstrap-4 bootstrap-studio

【解决方案1】：

这将为您完成工作：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
    <div class="row">
        <div class="col-xs-9 col-lg-9 col-md-9 col-xl-9">
    <input type="text" class="form-control" placeholder="Text">
        </div>
        <div class="col-xs-3 col-lg-3 col-md-3 col-xl-3">
            <button class="btn" value="SEARCH">SEARCH</button>
        </div>
    </div>
</div>

【讨论】：