bootstrap css文本框和按钮定位

Question

代码包含文本框和按钮

HTML ：

   <div id="input-collection" class="input-group input-group-lg">
          <span class="input-group-addon">
              <i class="glyphicon glyphicon-link"></i>
          </span>
              <input id= "url-input-box" type="url" class="form-control" name = "url" placeholder="http://www.example.com">
          <span class="input-group-btn">
               <button id="submit-url-btn" class="btn btn-success" type="button">Go</button>
          </span>
</div>

显示按钮和texbox，如：

我在上面所有类中更改了margin-top和margin-left但没有更改。

我需要在这里做些什么改变？

Answer 1

使用Firebug（或Chrome开发者工具 - Ctrl + Shift + J）

查看margin-url-btn（标签）的边距底部设置

反对url-input-box（span）的margin-bottom

按钮似乎在margin-bottom上具有较高的值。将两者都设置为0并查看它们的位置。