如何在 Bootstrap 中划分网格系统

【问题标题】：How to divide grid system in Bootstrap如何在 Bootstrap 中划分网格系统
【发布时间】：2018-04-16 22:21:58
【问题描述】：

我想将网格系统划分为 2 个中屏和 1 个小屏和照片一样

【问题讨论】：

"and 1 in small screen"，什么意思？
col-md-6 到你的 2 div 会起作用，如果我明白这是你所期望的。
codepen.io/dhavaljardosh/pen/aYgrwM
请同时发布代码，以便我们使用它并最终修复它。 :)
col-md-6 两个都可以解决你的问题

标签： css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

试试下面的 sn-p。文档： 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>

【讨论】：