|
|
@ -63,50 +63,48 @@
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel-heading">Available Containers</div>
|
|
|
|
<div class="panel-heading">Available Containers</div>
|
|
|
|
<div class="panel-body">
|
|
|
|
<div class="panel-body">
|
|
|
|
<div class="available-widgets">
|
|
|
|
<p>Drag and drop on top of any active widget</p>
|
|
|
|
<p>Drag and drop on top of any active widget</p>
|
|
|
|
<div class="available-containers">
|
|
|
|
<div class="available-containers">
|
|
|
|
<h4>Available Containers <small>Drag and drop on top of any widget</small></h4>
|
|
|
|
<h4>Available Containers <small>Drag and drop on top of any widget</small></h4>
|
|
|
|
<div class="containers">
|
|
|
|
<div class="containers">
|
|
|
|
<div class="pointer" style="padding: 20px; border: 1px dotted #dedede; margin-bottom: 20px;" data-container-html=" ">
|
|
|
|
<div class="pointer" style="padding: 20px; border: 1px dotted #dedede; margin-bottom: 20px;" data-container-html=" ">
|
|
|
|
None
|
|
|
|
None
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="well pointer" data-container-html='<div class="well">{body}</div>'>
|
|
|
|
<div class="well pointer" data-container-html='<div class="well">{body}</div>'>
|
|
|
|
Well
|
|
|
|
Well
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="jumbotron pointer" data-container-html='<div class="jumbotron">{body}</div>'>
|
|
|
|
<div class="jumbotron pointer" data-container-html='<div class="jumbotron">{body}</div>'>
|
|
|
|
Jumbotron
|
|
|
|
Jumbotron
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="panel" data-container-html='<div class="panel"><div class="panel-body">{body}</div></div>'>
|
|
|
|
|
|
|
|
<div class="panel-body pointer">
|
|
|
|
|
|
|
|
Panel
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="panel" data-container-html='<div class="panel"><div class="panel-body">{body}</div></div>'>
|
|
|
|
</div>
|
|
|
|
<div class="panel-body pointer">
|
|
|
|
<div class="panel panel-default pointer" data-container-html='<div class="panel panel-default"><div class="panel-heading">{title}</div><div class="panel-body">{body}</div></div>'>
|
|
|
|
Panel
|
|
|
|
<div class="panel-heading">
|
|
|
|
|
|
|
|
Panel Header
|
|
|
|
|
|
|
|
<div class="pull-right color-selector">
|
|
|
|
|
|
|
|
<button data-class="panel-default" class="btn btn-xs"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-primary" class="btn btn-xs btn-primary"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-success" class="btn btn-xs btn-success"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-info" class="btn btn-xs btn-info"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-warning" class="btn btn-xs btn-warning"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-danger" class="btn btn-xs btn-danger"> </button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="panel panel-default pointer" data-container-html='<div class="panel panel-default"><div class="panel-heading">{title}</div><div class="panel-body">{body}</div></div>'>
|
|
|
|
<div class="panel-body">
|
|
|
|
<div class="panel-heading">
|
|
|
|
Panel Body
|
|
|
|
Panel Header
|
|
|
|
|
|
|
|
<div class="pull-right color-selector">
|
|
|
|
|
|
|
|
<button data-class="panel-default" class="btn btn-xs"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-primary" class="btn btn-xs btn-primary"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-success" class="btn btn-xs btn-success"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-info" class="btn btn-xs btn-info"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-warning" class="btn btn-xs btn-warning"> </button>
|
|
|
|
|
|
|
|
<button data-class="panel-danger" class="btn btn-xs btn-danger"> </button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="panel-body">
|
|
|
|
|
|
|
|
Panel Body
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="alert alert-info pointer" data-container-html='<div class="alert alert-info">{body}</div>'>
|
|
|
|
<div class="alert alert-info pointer" data-container-html='<div class="alert alert-info">{body}</div>'>
|
|
|
|
Alert
|
|
|
|
Alert
|
|
|
|
<div class="pull-right color-selector">
|
|
|
|
<div class="pull-right color-selector">
|
|
|
|
<button data-class="alert-success" class="btn btn-xs btn-success"> </button>
|
|
|
|
<button data-class="alert-success" class="btn btn-xs btn-success"> </button>
|
|
|
|
<button data-class="alert-info" class="btn btn-xs btn-info"> </button>
|
|
|
|
<button data-class="alert-info" class="btn btn-xs btn-info"> </button>
|
|
|
|
<button data-class="alert-warning" class="btn btn-xs btn-warning"> </button>
|
|
|
|
<button data-class="alert-warning" class="btn btn-xs btn-warning"> </button>
|
|
|
|
<button data-class="alert-danger" class="btn btn-xs btn-danger"> </button>
|
|
|
|
<button data-class="alert-danger" class="btn btn-xs btn-danger"> </button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|