Question

我有这段代码：

<div class="container">
    <div class="row">
        <div class="col-xs-12">

        </div>
    </div>
    <div class="row">
     <form class="form-horizontal">
               <div class="col-md-3">
                    <input type="text" class="form-control input-lg" placeholder="Your Title">

                </div>


               <div class="col-md-3">
                    <input type="text" class="form-control input-lg" placeholder="Your Short Description">

                </div>

               <div class="col-md-3">

                    <input type="text" class="form-control input-lg" placeholder="Your Email Address">
               </div>

               <div class="col-md-3">

                    <button type="submit" class="form-control input-lg">Submit</button>
               </div>
            </form>
    </div>
</div>

这是创建一个由4个水平输入元素组成的一致结构，直到某一点（我的目标）。但是，在这些元素是水平的屏幕尺寸上，我看到它们之间的空间。我已经检查了问题是什么，它似乎是col-md-3创建的填充（如果我错了，请纠正我）。如何移除（或最小化到较小尺寸）我拥有的4个控件之间的距离？

这是问题的链接（注意水平空间）： Link

Answer 1

简单地添加任何类并将CSS指定为：

.my-div{
 padding-left:0;
padding-right:0;
}

更新了更改：

http://www.bootply.com/IZ53ewvxlj

以Bootstrap水平形式消除列之间的空间？

1 个答案: