javascript - 带有 Bootstrap 的 jQuery mb-extruder

标签 javascript jquery css twitter-bootstrap panel

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

Without bootstrap没有 Bootstrap

With bootstrap带 Bootstrap

最佳答案

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

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

关于javascript - 带有 Bootstrap 的 jQuery mb-extruder,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29712076/

相关文章:

javascript - 以编程方式生成 Adob​​e 文件的预览

css - Flex 包装器在 IE 中使用 flexbox 获得 100% 宽度

php - 如何通过单选按钮创建列表评级帖子?

HTML5 - 并排显示元素

javascript - Vue.js 从子组件访问父/根数据

javascript - 将此 id 中的 &lt;input&gt; 值复制到其他 id 中的 &lt;input&gt;

javascript - 具有本地主机或 LAN 服务器名称的 IE8/IE9 上的 localStorage 不起作用

JavaScript .each 函数保存最后一个值

jquery - 使用 jquery ui-sortable 选择框在 Mozilla 16.0.1 中不起作用

jquery - 如何使用 onclick 函数进行验证