jquery - 手动调整大小和拖动 bootstrap 3 modals

标签 jquery css twitter-bootstrap modal-dialog bootstrap-modal

可以从 bootstrap 3 手动调整模态窗口的大小 用鼠标将它们拖到你的工作区? 我希望当模式打开时可以根据需要调整手册的大小。 可以这样做吗?

谢谢。

最佳答案

我认为很难在 bootstrap modal 上添加所有非 native 选项。

你也许可以使用 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,尝试实现ResizableDraggable在 jQuery 用户界面上

The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually) The ability to theme jQuery UI widgets using Bootstrap styles. Whilst I love jQuery UI, I (like others) find some of the current themes to look a little dated. My hope is that this theme provides a decent alternative for others that feel the same. To clarify, this project doesn't aim or intend to replace Twitter Bootstrap. It merely provides a jQuery UI-compatible theme inspired by Bootstrap's design. It also provides a version of Bootstrap CSS with a few (minor) sections commented out which enable the theme to work along-side it.

关于jquery - 手动调整大小和拖动 bootstrap 3 modals,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19298105/

相关文章:

asp.net - 在 asp.net 核心 Web 应用程序 + Angular 项目中更新 Bootstrap

jquery - 通过 jQuery JSON 请求返回对象

javascript - 调整容器的大小,两个灰色方 block 应该尽可能地增长,受对 Angular 线的约束..简单的方法吗?

javascript - jQuery slidetoggle 多个 div 一次一个与同一个类

jquery - 有没有人有关于边框半径、过渡、边框阴影和渐变示例的 modernizr 示例?

jquery - jQuery datepicker 与 Twitter Bootstrap 不兼容吗?

javascript - 选择超链接内的标签问题

javascript - 如何使用js固定和取消固定元素

css - 如何使用 CSS 转换在屏幕上滑动 div?

javascript - Angular 分页的自定义样式