按钮使用bootstrap网格系统到某个px

我想要有四个按钮使用引导内联块直到大小768px。在1199时，它们落在彼此的下方，但我希望它们保持间隔，并且不会落在彼此之下，直到768px。按钮使用bootstrap网格系统到某个px

如何将它们并排放置在1200px以下？我的自动落在下面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; 
    } 
}

来源

2017-02-27 David Brierton

使用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>

http://www.codeply.com/go/mbCCxpDjrK

来源

2017-02-27 19:00:57 ZimSystem

我这样做，但是按键之间的空间，其间不出来就算再 –

从类似970 780px最后两个按钮超级接近，但前两个不是当我使用 –

好吧，也许你可以澄清这个问题？ – ZimSystem

按钮使用bootstrap网格系统到某个px

回答

相关问题