1

是否可以使用鼠标从 bootstrap 3 手动调整模态窗口的大小并将它们拖到您的工作区中？我希望当模态打开时可以手动调整我想要的大小。有可能这样做吗？

谢谢你。

4

2 回答 2

2

我认为很难在引导模式上添加所有非原生选项。

您也许可以使用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>

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

与 jQuery UI 并行工作的能力（这会导致许多小部件在视觉上中断） 使用 Bootstrap 样式为 jQuery UI 小部件设置主题的能力。虽然我喜欢 jQuery UI，但我（和其他人一样）发现一些当前的主题看起来有点过时。我希望这个主题为其他有同样感觉的人提供一个不错的选择。澄清一下，这个项目的目的不是或打算取代 Twitter Bootstrap。它只是提供了一个受 Bootstrap 设计启发的兼容 jQuery UI 的主题。它还提供了一个 Bootstrap CSS 版本，其中一些（次要）部分被注释掉了，这些部分使主题能够与其一起工作。

于 2013-10-10T14:18:33.470 回答
0

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

于 2013-10-11T13:04:05.843 回答