bootstrap3可视化布局工具源码资源-CSDN文库

共21个文件

jpg：8个

js：8个

css：2个

bootstrap3

5星 · 超过95%的资源需积分: 50 176 浏览量 2017-02-24 17:04:22 上传评论 5 收藏 377KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

bootstrap3-layout.zip （21个子文件）

bootstrap3-levanax

index.html 79KB

html5shiv.js 2KB

fonts

glyphicons-halflings-regular.woff 23KB

file

jquery-ui.min.js 223KB

jquery.htmlClean.js 24KB

favicon.png 357B

jquery.ui.touch-punch.min.js 1KB

default(1).jpg 20KB

default(3).jpg 14KB

jquery.min.js 81KB

default(4).jpg 1KB

default.jpg 5KB

default(6).jpg 54KB

default(2).jpg 6KB

default(5).jpg 30KB

bootstrap.min.js 27KB

hm.js 16KB

scripts.min.js 6KB

default(7).jpg 93KB

css

bootstrap.min.css 100KB

layoutit.css 7KB

<!DOCTYPE html>  <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可视化布局系统">  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/layoutit.css" rel="stylesheet">    <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" 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>  </div>  <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

评论收藏

内容反馈