如何在Bootstrap中划分网格系统

时间:2018-04-15 19:59:25

标签: css twitter-bootstrap twitter-bootstrap-3

enter image description here enter image description here

我想将网格系统分为中等屏幕2和小屏幕1 如照片

1 个答案:

答案 0 :(得分:0)

尝试以下代码段。 文档: 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>
&#13;
&#13;
&#13;