使用Bootstrap时将列合并在一起

Question

Bootstrap列中有几个文本框，我想彼此靠近，但是无论我做什么，文本框之间的距离都保持不变。

我怎么

1. 缩小文本框之间的距离吗？
2. 缩小/缩小列背景或使文本框更靠近列的外部

这是我拥有的代码

            <div class="col-xs-12 col-md-2">
                <div class="well form-group">
                    <div class="bisformdynamiclabel">Box 1</div>
                    <input class="form-control" type="text" asp-for="myclass.box1" />
                    <span asp-validation-for="myclass.box1" class="alert-danger"></span>
                </div>
            </div>
            <div class="col-xs-12 col-md-2">
                <div class="well form-group">
                    <div class="bisformdynamiclabel">Box 2</div>
                    <input class="form-control" type="text" asp-for="myclass.box2" />
                    <span asp-validation-for="myclass.box2" class="alert-danger"></span>
                </div>
            </div>
            <div class="col-xs-12 col-md-2">
                <div class="well form-group">
                    <div class="col-lg-1">
                        <div class="bisformdynamiclabel">Box 3</div>
                        <input class="form-control" type="text" asp-for="myclass.box3" />
                        <span asp-validation-for="myclass.box3" class="alert-danger"></span>
                        </div>
                    </div>
                </div>

在此先感谢大家的帮助