如何调整和动画Twitter的Bootstrap 3模式窗口？

Question

我想问问有没有人可以给我一些想法，动态调整Bootrap 3模式窗口，动画效果流畅。 （TB2的原始问题通过Clannad System）

Answer 1

什么应该触发调整大小？ 看这里：https://stackoverflow.com/a/245011/1596547你可以用它来调整你的模态。

HTML：

<div class="container"> 

    <!-- Button trigger modal --> 
    <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
      <a href="#" id="resize">Resize</a> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn">Close</a> 
      <a href="#" class="btn btn-primary">Save changes</a> 
     </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

</div> 

的javascript：

<script> 
$('#resize').click(function(){ 
    $(".modal-dialog").animate({"width":"200px"},600,'linear'); 
} 
); 
</script> 

缓和效果：

jQuery的芯一般具有两个渐变效果：线性的，这在一个恒定的速度在整个前进动画和摇摆（jQuery核心的默认缓动），它在动画的开始和结束处比在动画中间稍微慢一些。

jQuery用户界面提供了一些额外的宽松政策功能看：http://api.jqueryui.com/easings/

或者这个插件：http://gsgd.co.uk/sandbox/jquery/easing/还看到：http://easings.net/

注：Twitter的引导2.x中看到：https://stackoverflow.com/a/18036895/1596547