如何在使用 jQuery UI 效果时保持引导警报的正确大小？答案

【问题标题】：How can I keep correct size of Bootstrap alerts while using jQuery UI effects?如何在使用 jQuery UI 效果时保持引导警报的正确大小？
【发布时间】：2014-08-08 23:39:39
【问题描述】：

我想在 jQuery UI 效果期间保持 Bootstrap 警报的适当大小，例如“摇晃”。

似乎正在发生的事情是，在效果期间，包含警报的 div 应用了 新的高度和宽度样式，该样式小于应有的值。效果完成后，一切看起来又正常了。

有什么想法吗？

Fiddle me this

$(document).ready(function(){
    $('a').click(function(){
        // or try "bounce", "slide", "drop"...probably others.
        $( ".alert" ).effect( "shake" );
    })
});

【问题讨论】：

标签： jquery-ui twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

这似乎与 box-sizing: border-box 将其更改为 box-sizing: content-box 似乎可以解决问题有关。 DEMO

.alert {
    box-sizing: content-box !important;
}

下面的链接中列出了其他一些解决方法...

Bug logged with jQuery UI