Html 删除boostrap css中div后的额外空间

在一个表单组中，我有两个元素，一个是标签，另一个是按钮，但是我在按钮和标签之间得到了额外的空间。 看这把小提琴

我想删除DocumentType和附加文件之间的空格

<div class="panel">
  <div class="panel panel-info">
        <h3> panel heading</h3>
  </div>
  <div class="panel panel-body">

    <div class="row">
      <div class="col-md-3">
        <div class="form-group">
          <label class="form-control">Document Type</label>
          <label class="fileUpload">
            <input id="documentattachment" name="documentattachment" multiple type="file" /> Attach a file
          </label>
        </div>
      </div>
      <div class="col-md-3">
        <div class="form-group">
          <select class="form-control">
            <option>One</option>
            <option>Two</option>
            <option>Three</option>
          </select>
          <div id="submitButton">
            <button data-bind="click: submitFile" class="form-control">Send</button>
          </div>
        </div>
      </div>
      <div class="col-md-6">

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

小组标题
文件类型
附上文件
一个
两个
三
发送

---

谢谢

删除

标签上的
边距
&同时删除此
文件上传

label{margin-bottom:0;}

.fileUpload {
  -webkit-appearance: none;
  width: 100%;
  text-align: center;
  border: 2px solid #AAA;
  border-radius: 4px;
  padding: 2px 5px;
  /*margin: 2px;*/
  background: #f2f2f2;
  display: inline-block;
  color: rgba(171, 68, 70, 1);
}

删除
标签上的
边距
&同时删除此
文件上载

label{margin-bottom:0;}

.fileUpload {
  -webkit-appearance: none;
  width: 100%;
  text-align: center;
  border: 2px solid #AAA;
  border-radius: 4px;
  padding: 2px 5px;
  /*margin: 2px;*/
  background: #f2f2f2;
  display: inline-block;
  color: rgba(171, 68, 70, 1);
}

标签引导带有一个
margin bottom
源。使用：

label.form-control {
  margin-bottom: 0px;
}

就这样。让我知道你对此的反馈。谢谢


.fileUpload输入[type=“file”]{
位置：固定；
顶部：-1000px；
}
.文件上传{
-webkit外观：无；
宽度：100%；
文本对齐：居中；
边框：2倍实心#AAA；
边界半径：4px；
填充物：2px 5px；
保证金：2倍；
背景#f2f2；
显示：内联块；
颜色：rgba（171,68,70,1）；
}
.fileUpload:悬停{
背景：#CCC；
}
.fileUpload:活动{
背景：#共因失效；
}
.fileUpload:无效+span{
颜色：rgba（171,68,70,1）；
}
.fileUpload:有效+span{
颜色：rgba（171,68,70,1）；
}
label.form-control{
边缘底部：0px；
}

小组标题
文件类型
附上文件
一个
两个
三
发送
有一个
页边距底部
来自标签的引导。使用：

label.form-control {
  margin-bottom: 0px;
}

就这样。让我知道你对此的反馈。谢谢


.fileUpload输入[type=“file”]{
位置：固定；
顶部：-1000px；
}
.文件上传{
-webkit外观：无；
宽度：100%；
文本对齐：居中；
边框：2倍实心#AAA；
边界半径：4px；
填充物：2px 5px；
保证金：2倍；
背景#f2f2；
显示：内联块；
颜色：rgba（171,68,70,1）；
}
.fileUpload:悬停{
背景：#CCC；
}
.fileUpload:活动{
背景：#共因失效；
}
.fileUpload:无效+span{
颜色：rgba（171,68,70,1）；
}
.fileUpload:有效+span{
颜色：rgba（171,68,70,1）；
}
label.form-control{
边缘底部：0px；
}

小组标题
文件类型
附上文件
一个
两个
三
发送
作为引导CSS，默认情况下，标签有边距，所以您需要删除此边距


由于引导CSS默认情况下标签有边距，所以您需要删除它


您可以使用CSS来实现这一点。向“文档类型”标签添加ID或类，并将边距设置为0

CSS:

html:


小组标题
文件类型
附上文件
一个
两个
三
发送

你可以在这里看到小提琴的链接：
你可以用CSS来实现这一点。向“文档类型”标签添加ID或类，并将边距设置为0

CSS:

html:


小组标题
文件类型
附上文件
一个
两个
三
发送

你可以在这里看到小提琴的链接：
试试这个：

label {
    display: inline-block;
    margin:0px;
    padding:0px;
    }

试试这个：

label {
    display: inline-block;
    margin:0px;
    padding:0px;
    }