easylinux/BootstrapPageGenerator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed the index.html

Browse Source 
fix
This commit is contained in:
Francesco Malagrino
2016-01-24 22:04:28 +00:00
parent 312d7c42c7
commit 4112911f7c
1 changed files with 34 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
index.html
View File

@@ -74,7 +74,7 @@ body .modal {
</li> </li>
</ul> </ul>
</div> </div>
<!--/.nav-collapse --> <!--/.nav-collapse -->
</div> </div>
</div> </div>
</div> </div>
@@ -195,10 +195,10 @@ body .modal {
<div class="span12 column"> <div class="span12 column">
<div class="row-fluid clearfix"> <div class="row-fluid clearfix">
<div class="span6 column"> <div class="span6 column">
</div> </div>
<div class="span6 column"> <div class="span6 column">
</div> </div>
</div> </div>
</div> </div>
@@ -218,7 +218,7 @@ body .modal {
</div> </div>
</li> </li>
<li style="display: none;" class="boxes" id="elmBase"> <li style="display: none;" class="boxes" id="elmBase">
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">Align <span class="caret"></span></a> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">Align <span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="active"><a href="#" rel="">Default</a></li> <li class="active"><a href="#" rel="">Default</a></li>
@@ -635,48 +635,48 @@ body .modal {
</div> </div>
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span><span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> </span> <div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span><span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> </span>
<div class="preview">Color <span class="label label-important">NEW!</span></div> <div class="preview">Color <span class="label label-important">NEW!</span></div>
<div class="view"> <div class="view">
<style> <style>
.color-swatches .brand-primary .color-swatches .brand-primary
{ {
background-color: #428BCA; background-color: #428BCA;
} }
.color-swatches .brand-success .color-swatches .brand-success
{ {
background-color: #5CB85C; background-color: #5CB85C;
} }
.color-swatches .brand-info .color-swatches .brand-info
{ {
background-color: #5BC0DE; background-color: #5BC0DE;
} }
.color-swatches .brand-warning .color-swatches .brand-warning
{ {
background-color: #F0AD4E; background-color: #F0AD4E;
} }
.color-swatches .brand-danger .color-swatches .brand-danger
{ {
background-color: #D9534F; background-color: #D9534F;
} }
.color-swatches .gray-darker .color-swatches .gray-darker
{ {
background-color: #222222; background-color: #222222;
} }
.color-swatches .gray-dark .color-swatches .gray-dark
{ {
background-color: #333333; background-color: #333333;
} }
.color-swatches .gray .color-swatches .gray
{ {
background-color: #555555; background-color: #555555;
} }
.color-swatches .gray-light .color-swatches .gray-light
{ {
background-color: #999999; background-color: #999999;
} }
.color-swatches .gray-lighter .color-swatches .gray-lighter
{ {
background-color: #EEEEEE; background-color: #EEEEEE;
} }
</style> </style>
<div class="bs-example"> <div class="bs-example">
<div class="color-swatches"> <div class="color-swatches">
@@ -1018,7 +1018,7 @@ body .modal {
<li class="" ><a href="#" rel="panel-danger">Danger</a></li> <li class="" ><a href="#" rel="panel-danger">Danger</a></li>
</ul> </ul>
</span> </span>
</span>--> </span>-->
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">Styles <span class="caret"></span></a> <div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">Styles <span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@@ -1863,15 +1863,15 @@ body .modal {
<div class="popover-content">DRAG & DROP THE ELEMENTS INSIDE THE COLUMNS WHERE YOU WANT TO INSERT IT. AND FROM THERE, YOU CAN CONFIGURE THE STYLE OF THAT JAVASCRIPT. IF YOU NEED MORE INFO PLEASE VISIT <a target="_blank" href="http://twitter.github.io/bootstrap/javascript.html">JAVASCRIPT.</a></div> <div class="popover-content">DRAG & DROP THE ELEMENTS INSIDE THE COLUMNS WHERE YOU WANT TO INSERT IT. AND FROM THERE, YOU CAN CONFIGURE THE STYLE OF THAT JAVASCRIPT. IF YOU NEED MORE INFO PLEASE VISIT <a target="_blank" href="http://twitter.github.io/bootstrap/javascript.html">JAVASCRIPT.</a></div>
</div> </div>
</div> </div>
</li> </li>
<li style="display: none;" class="boxes mute" id="elmJS"> <li style="display: none;" class="boxes mute" id="elmJS">
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
<div class="preview">Modal</div> <div class="preview">Modal</div>
<div class="view"> <div class="view">
<!-- Button to trigger modal --> <!-- Button to trigger modal -->
<a id="myModalLink" href="#myModalContainer" role="button" class="btn" data-toggle="modal" contenteditable="true">Launch Demo Modal</a> <a id="myModalLink" href="#myModalContainer" role="button" class="btn" data-toggle="modal" contenteditable="true">Launch Demo Modal</a>
<!-- Modal --> <!-- Modal -->
<div id="myModalContainer" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div id="myModalContainer" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header"> <div class="modal-header">
@@ -1932,10 +1932,10 @@ body .modal {
</li> </li>
</ul> </ul>
</div> </div>
<!-- /.nav-collapse --> <!-- /.nav-collapse -->
</div> </div>
</div> </div>
<!-- /navbar-inner --> <!-- /navbar-inner -->
</div> </div>
</div> </div>
</div> </div>
@@ -2040,7 +2040,7 @@ body .modal {
</div> </div>
<!--/span--> <!--/span-->
<div class="demo ui-sortable" style="min-height: 304px; "> <div class="demo ui-sortable" style="min-height: 304px; ">
<div class="lyrow"> <div class="lyrow">
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>remove</a> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>remove</a>
<span class="drag label"><i class="icon-move"></i>drag</span> <span class="drag label"><i class="icon-move"></i>drag</span>
@@ -2048,7 +2048,7 @@ body .modal {
<div class="view"> <div class="view">
<div class="row-fluid clearfix"> <div class="row-fluid clearfix">
<div class="span12 column ui-sortable"> <div class="span12 column ui-sortable">
<div class="box box-element ui-draggable" style="display: block; "> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <a class="btn btn-mini" href="#" rel="well">Well</a> </span> <div class="box box-element ui-draggable" style="display: block; "> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <a class="btn btn-mini" href="#" rel="well">Well</a> </span>
<div class="preview">Jumbotron</div> <div class="preview">Jumbotron</div>
<div class="view"> <div class="view">
@@ -2056,7 +2056,7 @@ body .modal {
<h1>Hello, world!</h1> <h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website.</p> <p>This is a template for a simple marketing or informational website.</p>
<p> It includes a large callout called the hero unit and three supporting pieces of content.</p> <p> It includes a large callout called the hero unit and three supporting pieces of content.</p>
Use it as a starting point to create something more unique.</p> Use it as a starting point to create something more unique.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -2065,19 +2065,19 @@ body .modal {
</div> </div>
</div> </div>
</div> </div>
<!-- end demo --> <!-- end demo -->
<!--/span--> <!--/span-->
<div id="download-layout"> <div id="download-layout">
<div class="container-fluid"></div> <div class="container-fluid"></div>
</div> </div>
</div> </div>
<!--/row--> <!--/row-->
</div> </div>
<!--/.fluid-container--> <!--/.fluid-container-->
<div class="modal hide fade" role="dialog" id="editorModal"> <div class="modal hide fade" role="dialog" id="editorModal">
<div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a>
<h3>Save your Layout</h3> <h3>Save your Layout</h3>
@@ -2111,7 +2111,6 @@ body .modal {
<script> <script>
function resizeCanvas(size) function resizeCanvas(size)
{ {
var containerID = document.getElementsByClassName("changeDimension"); var containerID = document.getElementsByClassName("changeDimension");
var containerDownload = document.getElementById("download-layout").getElementsByClassName("container-fluid")[0]; var containerDownload = document.getElementById("download-layout").getElementsByClassName("container-fluid")[0];
var row = document.getElementsByClassName("demo ui-sortable"); var row = document.getElementsByClassName("demo ui-sortable");
@@ -2143,10 +2142,7 @@ $(containerID).attr('id', "XS");
$(row).attr('id', "XS"); $(row).attr('id', "XS");
$(container1).attr('id', "XS"); $(container1).attr('id', "XS");
$(containerDownload).attr('id', "XS"); $(containerDownload).attr('id', "XS");
} }
} }
</script> </script>
</body> </body>