Question

我有一个问题，表格中的下拉按钮是响应和滚动活动，因为下拉不可见，我认为原因是div表响应类 Capture

这是我的HTML代码

<div class="table-responsive">
          <table class="table">
            <tbody>
              <tr>
                <td class="col-lg-10">
                  <span class="text-success"><i class=" icon-checkmark-circle2"></i></span>
                  <span class="item-content">Create server application using bootstrap and codeigniter</span>
                </td>
                <td class="col-lg-2 text-right">12:05 AM</td>
                <td>
                  <div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
                </td>
                <td><span><a href="#"><i class="icon-more2"></i></a></span></td>
              </tr>
            </tbody>
          </table>
        </div>

Answer 1

简单的CSS黑客攻击。告诉我你是否还可以：

https://jsfiddle.net/djibe89/ja719k3u/

为响应表设置一个id并添加此CSS：

#mycustomtable.table-responsive {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

Bootstrap按钮下拉列表不可见

1 个答案: