<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="title" content="LayoutIt! - Bootstrap可视化布局系统">
<meta name="description" content="LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统">
<meta name="keywords" content="可视化,布局,系统">
<title>Bootstrap 可视化布局系统</title>
<!-- Le styles -->
<link href="css/bootstrap-combined.min.css" rel="stylesheet">
<link href="css/layoutit.css" rel="stylesheet">
<link href="css/docs.min.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="shortcut icon" href="img/favicon.png">
<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<![endif]-->
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="js/jquery.htmlClean.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/config.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/FileSaver.js"></script>
<script type="text/javascript" src="js/blob.js"></script>
<script src="js/docs.min.js"></script>
</head>
<body style="min-height: 660px; cursor: auto;" class="edit">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<div class="nav-collapse collapse">
<ul class="nav" id="menu-layoutit">
<li class="divider-vertical"></li>
<li>
<div class="btn-group">
<a class="btn btn-primary" href="/" target="_blank"><i
class="icon-home icon-white"></i>首页</a>
</div>
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" id="edit" class="btn btn-primary active"><i
class="icon-edit icon-white"></i>编辑
</button>
<button type="button" class="btn btn-primary" id="devpreview"><i
class="icon-eye-close icon-white"></i>布局编辑
</button>
<button type="button" class="btn btn-primary" id="sourcepreview"><i
class="icon-eye-open icon-white"></i>预览
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary" data-target="#downloadModal"
rel="/build/downloadModal" role="button" data-toggle="modal"><i
class="icon-chevron-down icon-white"></i>下载
</button>
<button class="btn btn-primary" href="#clear" id="clear"><i
class="icon-trash icon-white"></i>清空
</button>
</div>
<div class="btn-group">
<button class="btn btn-primary" href="#undo" id="undo"><i
class="icon-arrow-left icon-white"></i>撤销
</button>
<button class="btn btn-primary" href="#redo" id="redo"><i
class="icon-arrow-right icon-white"></i>重做
</button>
</div>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="">
<div class="sidebar-nav">
<ul class="nav nav-list accordion-group">
<li class="nav-header">
<div class="pull-right popover-info"><i class="icon-question-sign "></i>
<div class="popover fade right">
<div class="arrow"></div>
<h3 class="popover-title">帮助</h3>
<div class="popover-content">在这里设置你的栅格布局, 栅格总数默认为12, 用空格分割每列的栅格值, 如果您需要了解更多信息，请访问 <a target="_blank"
href="http://v3.bootcss.com/getting-started">
Bootstrap栅格系统</a></div>
</div>
</div>
<i class="icon-plus icon-white"></i> 布局设置
</li>
<li style="display: list-item;" class="rows" id="estRows">
<div class="lyrow ui-draggable"><a href="#close" class="remove label label-important"><i
class="icon-remove icon-white"></i>删除</a> <span class="drag label"><i class="icon-move"></i>拖动</span>
<div class="preview">
<input value="12" type="text">
</div>
<div class="view">
<div class="row-fluid clearfix">
<div class="span12 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable"><a href="#close" class="remove label label-important"><i
class="icon-remove icon-white"></i>删除</a> <span class="drag label"><i class="icon-move"></i>拖动</span>
<div class="preview">
<input value="6 6" type="text">
</div>
<div class="view">
<div class="row-fluid clearfix">
<div class="span6 column"></div>
<div class="span6 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable"><a href="#close" class="remove label label-important"><i
class="icon-remove icon-white"></i>删除</a> <span class="drag label"><i class="icon-move"></i>拖动</span>
<div class="preview">
<input value="8 4" type="text">
</div>
<div class="view">
<div class="row-fluid clearfix">
<div class="span8 column"></div>
<div class="span4 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable"><a href="#close" class="remove label label-important"><i
class="icon-remove icon-white"></i>删除</a> <span class="drag label"><i class="icon-move"></i>拖动</span>
<div class="preview">
<input value="4 4 4" type="text">
</div>
<div class="view">
<div class="row-fluid clearfix">
<div class="span4 column"></div>
<div class="span4 column"></div>
<div class="span4 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable"><a href="#close" class="remove label label-important"><i
class="icon-remove icon-white"></i>删除</a> <span class="drag label"><i class="icon-move"></i>拖动</span>
<div class="preview">
<input value="2 6 4" type="text">
</div>
基于bootstrap3的可视化布局.zip
需积分: 3 15 浏览量
2024-02-18
10:50:03
上传
评论 1
收藏 2.03MB ZIP 举报
基于bootstrap3的可视化布局.zip （357个子文件） 
bootstrap.min.css.bak 121KB bootstrap-combined.min.css 178KB bootstrap.css 145KB bootstrap.css 143KB bootstrap.css 142KB bootstrap.css 141KB bootstrap.css 139KB bootstrap.min.css 122KB bootstrap.min.css 121KB bootstrap.css 120KB bootstrap.css 120KB bootstrap.min.css 120KB bootstrap.min.css 119KB bootstrap.min.css 118KB bootstrap.min.css 116KB bootstrap.min.css 115KB editor_ie7.css 37KB editor_iequirks.css 36KB editor_ie8.css 35KB editor_ie.css 35KB editor_gecko.css 34KB editor.css 34KB jquery-ui.min.css 29KB docs.css 27KB docs.min.css 27KB pick-a-color-1.2.0.min.css 26KB dialog_ie7.css 17KB dialog_ie8.css 17KB dialog_iequirks.css 16KB dialog_ie.css 16KB dialog_opera.css 16KB dialog.css 15KB layoutit.css 7KB sample.css 5KB outputxhtml.css 2KB content.css 2KB contents.css 2KB toolbar.css 1KB wsc.css 1KB sample.css 50B glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.eot 20KB
outputforflash.fla 84KB
spacer.gif 43B
index_bak.html 113KB datafiltering.html 34KB inlineall.html 9KB outputforflash.html 9KB index.html 9KB toolbar.html 8KB magicline.html 8KB fullpage.html 8KB jquery.html 7KB dialog.html 7KB outputhtml.html 7KB api.html 7KB replacebyclass.html 7KB replacebycode.html 7KB xhtmlstyle.html 6KB index_offline.html 6KB index_20150427.html 6KB inlinebycode.html 6KB index.html 5KB inlinetextarea.html 5KB divreplace.html 4KB uilanguages.html 4KB enterkey.html 4KB tmp.html 3KB readonly.html 3KB ajax.html 2KB uicolor.html 2KB tabindex.html 2KB tmpFrameset.html 2KB appendto.html 2KB ciframe.html 2KB layoutit_v3_zh-master.iml 283B
3.jpg 93KB 2.jpg 54KB 1.jpg 30KB sample.jpg 18KB people.jpg 17KB city.jpg 15KB asiainfo.jpg 13KB sports.jpg 7KB a.jpg 4KB a_002.jpg 2KB ckeditor.js 449KB jquery-ui.min.js 235KB jquery-ui.js 223KB less.min.js 96KB jquery-2.0.0.min.js 81KB uglify.min.js 49KB jszip.min.js 44KB wsc.js 32KB bootstrap.min.js 27KB pick-a-color-1.2.2.min.js 24KB jquery.htmlClean.js 24KB ka.js 23KB gu.js 21KB km.js 20KB共 357 条
- 1
- 2
- 3
- 4
资源评论
