<!DOCTYPE html>
<!-- saved from url=(0025)http://www.ibootstrap.cn/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>ibootstrap - Bootstrap可视化布局系统</title>
<meta name="keywords" content="bootstrap,ibootstrap,爱bootstrap,可视化,操作,布局">
<meta name="description" content="LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统">
<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/layoutit.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 -->
<script type="text/javascript" src="./file/jquery.min.js"></script>
<script type="text/javascript" src="./file/jquery-ui.min.js"></script>
<script type="text/javascript" src="./file/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="./file/bootstrap.min.js"></script>
<script type="text/javascript" src="./file/jquery.htmlClean.js"></script>
<script type="text/javascript" src="./file/scripts.min.js"></script>
</head>
<body class="edit" style="min-height: 798px;">
<div class="navbar navbar-inverse navbar-fixed-top navbar-layoutit">
<div class="navbar-header">
<button data-target="navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="glyphicon-bar"></span>
<span class="glyphicon-bar"></span>
<span class="glyphicon-bar"></span>
</button>
<a class="navbar-brand" href="./file/ibootstrap - Bootstrap可视化布局系统.html">
<img src="./file/favicon.png">
ibootstrap
<span class="label label-default">BETA</span>
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav pull-right">
<li>
<div class="btn-group btn-donate pull-right"></div>
<div class="btn-group" data-toggle="buttons-radio">
<button role="button" data-toggle="modal" data-target="#feedbackModal" id="feedback" class="btn btn-xs btn-primary"> <i class="glyphicon-comment glyphicon"></i>
联系我们
</button>
</div>
</li>
</ul>
<ul class="nav" id="menu-layoutit">
<li>
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" id="edit" class="active btn btn-xs btn-primary"> <i class="glyphicon glyphicon-edit "></i>
编辑
</button>
<button type="button" class="btn btn-xs btn-primary" id="devpreview">
<i class="glyphicon-eye-close glyphicon"></i>
开发
</button>
<button type="button" class="btn btn-xs btn-primary" id="sourcepreview">
<i class="glyphicon-eye-open glyphicon"></i>
预览
</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-xs btn-primary" id="button-download-modal" data-target="#downloadModal" role="button" data-toggle="modal"> <i class="glyphicon-chevron-down glyphicon"></i>
下载
</button>
<!-- <button class="btn btn-xs btn-primary" id="button-share-modal" href="/share/indexV3" role="button" data-toggle="modal" data-target="#shareModal"> <i class="glyphicon-share glyphicon"></i>
分享
</button>
-->
<button class="btn btn-xs btn-primary" href="#clear" id="clear">
<i class="glyphicon-trash glyphicon"></i>
清空
</button>
</div>
<div class="btn-group">
<a href="javascript:void(0);">
<button type="button" class="btn btn-xs btn-primary">
前往2.0版本
<i class="glyphicon-chevron-right glyphicon"></i>
</button>
</a>
</div>
</li>
</ul>
</div>
<!--/.navbar-collapse -->
</div>
<!--/.navbar-fixed-top -->
<div class="container">
<div class="row">
<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="glyphicon glyphicon-question-sign"></i>
<div class="popover fade right">
<div class="arrow"></div>
<h3 class="popover-title">帮助</h3>
<div class="popover-content">
在这里设置你的栅格布局, 栅格总数默认为12, 用空格分割每列的栅格值, 如果您需要了解更多信息,请访问
<a href="http://v3.bootcss.com/css/#grid">BOOTSTRAP栅格系统.</a>
</div>
</div>
</div>
<i class="glyphicon-plus glyphicon"></i>
布局设置
</li>
<li class="rows" id="estRows">
<div class="lyrow ui-draggable">
<a href="javascript:void(0);" class="remove label label-danger">
<i class="glyphicon-remove glyphicon"></i>
删除
</a>
<span class="drag label label-default">
<i class="glyphicon glyphicon-move"></i>
拖动
</span>
<div class="preview">
<input type="text" value="12" class="form-control"></div>
<div class="view">
<div class="row clearfix">
<div class="col-md-12 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable">
<a href="javascript:void(0);" class="remove label label-danger">
<i class="glyphicon-remove glyphicon"></i>
删除
</a>
<span class="drag label label-default">
<i class="glyphicon glyphicon-move"></i>
拖动
</span>
<div class="preview">
<input type="text" value="6 6" class="form-control"></div>
<div class="view">
<div class="row clearfix">
<div class="col-md-6 column"></div>
<div class="col-md-6 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable">
<a href="javascript:void(0);" class="remove label label-danger">
<i class="glyphicon-remove glyphicon"></i>
删除
</a>
<span class="drag label label-default">
<i class="glyphicon glyphicon-move"></i>
拖动
</span>
<div class="preview">
<input type="text" value="8 4" class="form-control"></div>
<div class="view">
<div class="row clearfix">
<div class="col-md-8 column"></div>
<div class="col-md-4 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable">
<a href="javascript:void(0);" class="remove label label-danger">
<i class="glyphicon-remove glyphicon"></i>
删除
</a>
<span class="drag label label-default">
<i class="glyphicon glyphicon-move"></i>
拖动
</span>
<div class="preview">
<input type="text" value="4 4 4" class="form-control"></div>
<div class="view">
<div class="row clearfix">
<div class="col-md-4 column"></div>
<div class="col-md-4 column"></div>
<div class="col-md-4 column"></div>
</div>
</div>
</div>
<div class="lyrow ui-draggable">
<a href="javascript:void(0);" class="remove label label-danger">
<i class="glyphicon-remove glyphicon"></i>
删除
</a>
<span class="drag label label-default">
<i class="glyphicon glyphicon-move"></i>
拖动
</span>
<div class="preview">
<input type="text" value="2 6 4" class="form-control"></div>
<div class="view">
<div class="row clearfix">
<div class="col-md-2 column"></div>
<div class="col-md-6 column"></div>
<div class="col-md-4 column"></div>
</div>
</div>
</div>
</li>
</ul>
<ul class="nav nav-list accordion-group">
<li class="nav-header">
<i class="glyphicon glyphicon-plus"></i>
基本CSS
<div class="pull-right popover-info">
<i class="glyphicon glyphicon-question-sign "></i>
<div