Bootstrap 内联输入和按钮

wwwo4jvm  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(168)

请问,我如何在不使用<form>的情况下内联一个按钮和一个输入字段?我正在尝试这种方法,但它不起作用。
第一个

llycmphe

llycmphe1#

我把form改成了div,并删除了额外的CSS。我还包括了Bootstrap库,因为它看起来就是你正在使用的。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" rel="stylesheet" />

<div class="form-inline">
  <div class="form-group mb-2">
    <label for="contractNumID" class="sr-only">Contract Number</label>
    <input type="text" readonly id="contractNumID" class="form-control-plaintext" mid="staticContract" value="Contract Number" />
  </div>
  <div class="form-group mx-sm-3 mb-2">
    <label for="contractNumber" class="sr-only">Contract</label>
    <input type="text" class="form-control inline-input" id="contractNumber" />
  </div>
  <button type="" class="btn btn-primary mb-2">Populate</button>
</div>
a2mppw5e

a2mppw5e2#

您可以使用
第一个

相关问题