javascript - 带有 Bootstrap 的 jQuery mb-extruder

Question

我想使用 slider 面板在我的 div/页面右侧显示提醒。为此，我使用了 mb-extruder。在我包含 Bootstrap 库之前，它工作正常。它显示面板按钮有一些间隙。我使用 Chrome 的开发人员工具检查了所有属性。除了面板按钮有一个宽度(定义为100%)外，没有任何偏差。我不确定为什么添加 bootstrap 时宽度会变小。没有应用显式 css 的迹象。这是引用图片。

没有 Bootstrap

带 Bootstrap

Answer 1

Bootstrap 将 box-sizing 设置为 border-box。挤出机需要内容盒。只需添加这个(最好在所有其他样式之后)

<style>
    .flap{
        box-sizing: content-box;
    }
</style>