Css 按钮内联块使用引导网格系统到某个px

我试图有四个按钮使用引导内联块，直到大小768px。在1199时，它们会相互落下，但我希望它们保持间隔，在768px之前不会相互落下

如何将它们并排放置在1200像素以下？地雷以1199px的速度自动落下

<div id="searchoptions">
        <div class="col-lg-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="accountNumber" name="accountNumber">PROPERTY ID</button>
        </div>
        <div class="col-lg-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="name" name="name">OWNER NAME</button>
        </div>
        <div class="col-lg-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="location" name="location">PROPERTY ADDRESS</button>
        </div>
        <div class="col-lg-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="billingAddress" name="billingAddress">BILLING ADDRESS</button>
        </div>
    </div>

@media (max-width: 768px) {
    .btn-u,.btn-group {
        width:100%;
    }
}

@media (min-width: 769px) and (max-width: 1199px){
    .btn-u {
        display:inline-block;
    }
}

属性ID
所有者名称
物业地址
帐单地址
@介质（最大宽度：768px）{
.btn-u、.btn组{
宽度：100%；
}
}
@介质（最小宽度：769px）和（最大宽度：1199px）{
.btn-u{
显示：内联块；
}
}

使用

col-sm-3

代替

    <div id="searchoptions">
        <div class="col-sm-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="accountNumber" name="accountNumber">PROPERTY ID</button>
        </div>
        <div class="col-sm-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="name" name="name">OWNER NAME</button>
        </div>
        <div class="col-sm-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="location" name="location">PROPERTY ADDRESS</button>
        </div>
        <div class="col-sm-3">
            <button type="button" class="btn-u btn-default margin-bottom-10" id="billingAddress" name="billingAddress">BILLING ADDRESS</button>
        </div>
    </div>

属性ID
所有者名称
物业地址
帐单地址

---

我这样做了，但是按钮之间的中间空间没有显示出来，即使从970到780px，最后两个按钮非常接近，但前两个按钮不是，当我使用它时，就像在你的示例中缩小尺寸时，你看到最后两个按钮是如何非常接近的，前两个按钮在掉落之前保持距离很远吗低于对方的人投了赞成票，因为这非常接近我要做的事情。谢谢你的回答是的，因为网格列的宽度是相等的，所以不适合这种情况