Bootstrap支持编辑拖动面板布局插件

查看演示 下载资源 下载积分： 10 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/jquery.min.js"></script>
	<script src="lib/jquery-ui.min.js"></script>
	<script src="lib/jquery.ui.touch-punch.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	
	<script src="dist/js/lobipanel.js"></script>
	<script type="text/javascript">
	$(function(){
		$('.panel').lobiPanel({
			// 配置参数
			sortable:true,
			minWidth: 300,
			minHeight: 300,
			maxWidth: 600,
			maxHeight: 480,
			unpin:{
				tooltip:'拖动'
			},
			reload:{
				tooltip:'重新加载'
			},
			minimize:{
				tooltip:'最小化'
			},
			close:{
				tooltip:'关闭'
			},
			editTitle:{
				tooltip:'停止编辑'
			},
			expand:{
				tooltip:'全屏'
			}
		});
	}); 
	</script>