css - Bootstrap中如何划分网格系统

Question

我想将网格系统划分为中屏 2 个和小屏 1 个 如图所示

Answer 1

尝试以下代码段。 文档: https://getbootstrap.com/docs/4.0/layout/grid/

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <div class="form-group">
        <select class="form-control" id="sel1">
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
        </select>
      </div>
    </div>
    <div class="col-md-6">
      <input type="number" class="form-control" placeholder="Asset number">

    </div>
  </div>
</div>