在bootstrap中的第一个col之前删除多余的空间

Question

在第一个col之前，还有很大的空间，比如我使用了pull-1。在第一行之前，我的导航栏有margin-bottom：0;

这是我的代码

this.http.get('api/players')
  .mergeMap(a=> a.json().data)
  .groupBy(
      a=>a.team,
      a=>a,
  )
  .subscribe(
    (obs) =>{
        obs.subscribe((a)=>{
            console.log(a, obs.key);
        });
    }
  )
}

Answer 1

我认为你在谈论容器流体所创造的空间。

使用容器流体

＆＃13;

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">

  <div class="row" gpon-pic-area>
    <div class="col-md-2" style="background-color: red">
      Inspection
      <br>
      <div class="rail-select gpon-pic-area">
        <div class="select-side">
          <i class="fa fa-angle-down"></i>
        </div>
        <select class="form-control gpon-pic-area">
                                                                                            <option value="portStatus">Port Status</option>
                                                                    <option value="portAlarm">Port Alarm</option>
                                                                    <option value="portUsage">Port Usage</option>
                                                                    <option value="portBandwidth">Port Bandwidth</option>
                                                                                        </select>
      </div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

没有容器流体

＆＃13;

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


  <div class="row" gpon-pic-area>
    <div class="col-md-2" style="background-color: red">
      Inspection
      <br>
      <div class="rail-select gpon-pic-area">
        <div class="select-side">
          <i class="fa fa-angle-down"></i>
        </div>
        <select class="form-control gpon-pic-area">
                                                                                            <option value="portStatus">Port Status</option>
                                                                    <option value="portAlarm">Port Alarm</option>
                                                                    <option value="portUsage">Port Usage</option>
                                                                    <option value="portBandwidth">Port Bandwidth</option>
                                                                                        </select>
      </div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

希望这有帮助！