在同一行上保留搜索和過濾器下拉菜單

我正在使用引導程序，但無法將過濾器保持在同一行上，正在網頁上的某個部分上工作。我嘗試了幾種方法，目前正在嘗試使用列，嘗試內聯div，仍然沒有正確排隊。在同一行上保留搜索和過濾器下拉菜單

div class="col-lg-12"> 
 
    <div class="row"> 
 
    \t <div class="col-lg-10"> 
 
\t \t <div class="rev-search" style="overflow: hidden; padding-right:.5em;" > 
 
     <input type="text" style="width: 80%;" id="rev-search" placeholder="Search" autofocus="" /> 
 
     <span><i class="fa fa-search"></i></span> 
 
    </div> 
 
\t </div> 
 
\t <div class="col-lg-2"> 
 
    <div class="dropdown pull-right"> 
 
     <button class="btn btn-default dropdown-toggle" style="float: right;" type="button" id="group_filter" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><?php echo $text_filter_group;?><span class="caret"></span></button> 
 
     <ul class="dropdown-menu" aria-labelledby="group_filter"> 
 
     <?php 
 
     foreach ($customer_groups as $group){ 
 
     \t echo '<li><a href="'.$groupSearch.'&amp;filter_customer_group_id='.$group['order_id'].'">'.$group['name'].'</a></li>'; 
 
     } 
 
     ?> 
 
     </ul> 
 
    </div> 
 
\t </div> 
 
</div>

來源

2017-07-06 adam g

我相信這是因爲在填充的COL-LG-10和COL-LG-2。將此添加到您的CSS刪除填充將推下到下一行。

.col-lg-10, .col-lg-2 { 
    padding: 0; 
}

來源

2017-07-06 20:31:29

繼Bootstrap文檔後，請使用lg（適用於較大的桌面）。

也嘗試包裝你的行在流體容器。

<div class="container-fluid"> 
    <div class="row"> 

    </div> 
    </div>

來源

2017-07-06 20:32:51 Vinay

在同一行上保留搜索和過濾器下拉菜單

回答

相關問題