手动调整大小并拖动bootstrap 3模态

Question

可以从bootstrap 3手动调整模式窗口的大小  用鼠标在工作区中将它们全部拖动？ 我希望当一个模态打开时可以按照我想要的方式调整手动大小。 有可能吗？

谢谢。

Answer 1

我认为很难在bootstrap模式中添加所有非本机选项。

您可以使用http://jqueryui.com/dialog/并对其进行样式化。

<强> HTML

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

的jQuery

 <script>
     $(function() {
         $( "#dialog" ).dialog();
     });
</script>

如果您真的想使用bootstrap，请尝试在jQuery UI上实现Resizable和Draggable

  

与jQuery UI并行工作的能力（某些东西   导致一些小部件在视觉上破坏）主题的能力   使用Bootstrap样式的jQuery UI小部件。虽然我喜欢jQuery UI，但我   （和其他人一样）发现一些当前的主题看起来有点过时了。   我希望这个主题为其他人提供了一个不错的选择   感觉一样。为了澄清，该项目并非旨在或打算这样做   取代Twitter Bootstrap。它仅提供与jQuery UI兼容的功能   主题灵感来自Bootstrap的设计。它还提供了一个版本   带有几个（次要）部分的Bootstrap CSS注释掉了哪些启用   与之合作的主题。

Answer 2

检查jQuery UI Bootstrap：http://addyosmani.github.io/jquery-ui-bootstrap/components.html#dialog
-dialog部分。