html - 我怎样才能在引导工作室中制作这种类型的布局

Question

我正在尝试将带有边框和按钮的文本居中放置在一行中（例如我尝试制作的布局图像并且一次又一次地失败。我尝试过使用 2 列布局、一行和两列布局，简单div、container...等。谁能帮我把这两件事集中在一条线上。

Answer 1

This will do the work for you:

<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>