引导程序按钮下拉菜单不可见
引导程序按钮下拉菜单不可见
提问于 2018-06-10 22:36:00
当表格中的下拉按钮响应和滚动活动时，我遇到了问题，因为下拉菜单不可见，我认为原因是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>回答 1
Stack Overflow用户
发布于 2018-06-11 02:46:18
简单的CSS技巧。告诉我这对你是否合适：
https://jsfiddle.net/djibe89/ja719k3u/
为您的表响应设置一个id，并添加此CSS：
#mycustomtable.table-responsive {
overflow-x: visible !important;
overflow-y: visible !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50784774
复制相关文章
相似问题