如何解决如何摆脱弹出菜单中的空白?
我正在尝试消除弹出窗口中的白色边距/装订线,以便黄色按钮跨越弹出窗口的整个宽度。我该如何实现?
代码:
<button type="button" data-html="true" class="btn btn-secondary btn-sm btn mr-1 "
data-trigger="focus" data-container="body" data-toggle="popover" data-placement="bottom"
data-content= '<div style="display: none">
<ul class="list-group custom-popover ml-0 px-0">
<li class="list-group-item"><a href="profile.php">Profile</a></li>
<li class="list-group-item"><a href="includes/logout.php">Logout</a></li>
</ul>
</div>'>
<?php echo 'popover menu'?></button>
解决方法
要更改弹出框的样式,您可以仅使用CSS。解决您问题的方法就是将其添加到自定义css文件中。
.popover-body{
padding: 0px;
}
如果您想了解boostrap创建弹出窗口时发挥的所有样式,可以在从boostrap下载的文件夹中名为_popover.scss的文件中进行检查。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。