如何消除引导程序中并排元素之间的间隙？

Question

我正在尝试创建一个Google搜索样式的网页。这是我相关的html代码段：

foreach(var item in SelectPrimeraCompetencia.Options)
{
    int count = 0;
    if(item.Text == valorCompetencia)
    {
        SelectPrimeraCompetencia.SelectByIndex(count);
    }
    else
    {
        count++;
    }
}

尽管可以，但是在输入框和搜索按钮之间仍然留有明显的空白。

我想知道是否有一种方法可以消除两个元素之间的空白。

Answer 1

这就是您要寻找的：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<div class="input-group mb-3">
  <input type="text" class="form-control" aria-describedby="searchBtn">
  <div class="input-group-append">
    <button class="btn btn-default" type="submit" id="searchBtn"><i class="glyphicon glyphicon-search"></i>[search icon]</button>
  </div>
</div>

You might want to read the documentation.