HTML和引导

嗨，我将如何缩短两个下拉列表之间的距离

代码如下：

<div class="row">
        <p class="col-md-offset-1"><b>Type of Meal:</b></p>
            <div class="form-group col-md-2">
                <div class="col-md-8">
                    <select class="form-control">
                        <%--                                options --%>
                    </select>
                </div>
            </div>
            <div class="form-group col-md-2">
                <div class="col-md-8">
                    <select class="form-control">
                        <%--                                options --%>
                    </select>
                </div>
            </div>
        </div>

膳食类型：

谢谢

   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-md-4">
      <p>Starfleet officer</p>
        <form class="form-inline">
          <select class="form-control form-group">
            <option>Spock</option>
            <option>Kirk</option>
          </select>

          <select class="form-control form-group">
            <option>Picard</option>
            <option>Riker</option>
          </select>
        </form>
      </div>

      <div class="col-md-8">
      </div>
  </div>
</div>

星际舰队军官

斯波克
柯克
皮卡德
莱克

尝试将

class=“col-md-offset-1”

class=“form group col-md-2”

class=“col-md-8”

更改为1-8谷歌没有返回有关此主题的足够信息？谷歌如何减少引导列之间的空间。在询问之前，请先尝试一下。请记住，引导程序在一行中使用12列。