引導下拉菜單

林其在引導3響應性表內的下拉菜單的問題不管是什麼，我把在CSS（如溢出：自動或定位）在下拉菜單中出現的響應div和爲了點擊任何你將不得不滾動的鏈接。引導下拉菜單

enter image description here

<div class="table-responsive"> 
      <table class="table table-striped"> 
       <thead> 
       <tr class="table_desc"> 
        <th></th> 
        <th><input type="checkbox"></th> 
        <th>Status</th> 
        <th>Action</th> 
       </tr> 
       </thead> 
       <tbody> 
       <tr class="table_items"> 
        <td><div class="item_strip"></div></td> 
        <th><input type="checkbox"></th> 
        <td>Deposit Paid</td> 
        <td> 
        <!-- Split button --> 
        <div class="btn-group action-button"> 
         <button type="button" class="btn btn-xs btn-danger">View</button> 
         <button type="button" class="btn btn-danger btn-xs dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 
         <span class="caret"></span> 
         <span class="sr-only">Toggle Dropdown</span> 
         </button> 
         <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Edit</a></li> 
         <!-- <li class="divider"></li> --> 
         <li><a href="#">Send Invoice</a></li> 
         <li><a href="#">Send Reminder</a></li> 
         </ul> 
        </div> 
        </td> 
       </tr> 
       </tbody> 
      </table> 
</div>

什麼想法？

來源

2014-11-22 lancey

我在其他帖子回答： [查看我的答案]（http://stackoverflow.com/questions/26018756/bootstrap-button-drop-down-inside-responsive-table-not-visible-因爲滾動＃34211851） – BaltazarQc 2015-12-10 21:18:00

@BaltazarQc如果您還想在響應表上設置垂直滾動條，您可以通過設置overflow-y：auto來解決您的問題。 – ImTalkingCode 2017-05-04 05:12:59

上線調試中bootstrap.css後2247

@media screen and (max-width: 767px) { 
.table-responsive { 
    width: 100%; 
    margin-bottom: 15px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -webkit-overflow-scrolling: touch; 
    -ms-overflow-style: -ms-autohiding-scrollbar; 
    border: 1px solid #ddd; 
    }

如果你對此有何評論都溢出它的工作原理properly.It不低於767寬度的正常工作，因爲溢出性的，如果你只是在覆蓋這些你它將工作。

來源

2014-11-22 19:43:47 Bhagya

引導下拉菜單

回答

相關問題