Updated READme

BennyH26 · Aug 28, 2013 · 312bdb5 · 312bdb5
1 parent 3a31b51
commit 312bdb5
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -1,16 +1,32 @@
-<h1>BootStrap Grid Builder</h1>
+<h1>BootStrap 3 Grid Builder</h1>
 
 <h2><a href="http://jaykanakiya.com/bootstrap-grid-builder/" title="bootstrap layout generator">DEMO</a></h2>
 
-A grid builder for Bootstrap 3.
+A quick layout generator for Bootstrap 3.
+
+The Bootstrap 3 Grid System enables to quickly create responsive layouts .
+I have created this to quickly test layouts on all types of devices fast.
+You can increase widths and offsets and add rows / cols .
+The main advantage is to test that layout on all screen sizes .
+
+<ul class="unstyled" id="notes">
+  <li>Please refer <a href="http://getbootstrap.com/css/#grid">Bootstrap 3 Grid System</a></li>
+  <li>Following optimizations are made automatically</li>
+  <ul>
+    <li>If the larger size has the same width or offset as the prev ones , delete the larger ones</li>
+    <li>i.e. if xs has got the same col size as sm , then class for sm is automatically divided</li>
+  </ul>
+</ul>
 
 Licensed under the Apache License v2.0
 http://www.apache.org/licenses/LICENSE-2.0
 
 TO BE DONE :-
 
 <ul>
+  <li>Undo and Redo functionality</li>
   <li>Html generation should be done via $compile and should be instant</li>
   <li>Implement push-pull classes of bootstrap 3</li>
   <li>Implement Grid Builder for 2.3.2</li>
+  <li>Make a builder for Foundation</li>
 </ul>
diff --git a/css/grid.css b/css/grid.css
@@ -32,9 +32,10 @@ h4 {
   position: absolute;
   top: 30%;
   left: 1%;
-  background-color: lightgray;
+  background-color: #E0E0E0;
   padding: 2%;
   z-index: 5;
+  border :1px dashed darkgray;
 }
 
 #toolbar .btn-toolbar {

diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
 <html ng-app="bootstrap-grid-builder">
 <head>
-  <title>Bootstrap Grid Builder</title>
+  <title>Bootstrap 3 Grid Builder</title>
   <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
   <link rel="stylesheet" type="text/css" href="css/fonts/font-awesome.css">
   <link rel="stylesheet" type="text/css" href="css/grid.css">
@@ -79,18 +79,6 @@
     </div>
   </div>
   </div>
-  <div class="container">
-      <div class="row">
-        <ul class="unstyled" id="notes">
-          <li>Please refer <a href="http://getbootstrap.com/css/#grid">Bootstrap 3 Grid System</a></li>
-          <li>Following optimizations are made automatically</li>
-          <ul>
-            <li>If the larger size has the same width or offset as the prev ones , delete the larger ones</li>
-            <li>i.e. if xs has got the same col size as sm , then class for sm is automatically divided</li>
-          </ul>
-        </ul>
-      </div>
-  </div>
 
 <!-- Modal -->
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
@@ -111,6 +99,15 @@ <h4 class="modal-title">Bootstrap Grid Builder</h4>
     </div><!-- /.modal-dialog -->
   </div><!-- /.modal -->
 
+  <div id="footer">
+    <div class="btn-toolbar">
+      <div class="btn-group">
+        <a href="http://jaykanakiya.com" type="button" class="btn btn-default">Created by Jay Kanakiya</a>
+        <a href="https://github.com/kanakiyajay/bootstrap-grid-builder" type="button" class="btn btn-default">Fork on GitHub</a>
+        <a href="http://jquer.in" title="jQuery plugins" type="button" class="btn btn-default">A jQuery plugin a Day</a>
+      </div>
+    </div>
+  </div>
   <script type="text/javascript" src="js/jquery-draggable.min.js"></script>
   <script type="text/javascript">
     $(document).ready(function  () {

diff --git a/js/app.js b/js/app.js
@@ -328,7 +328,7 @@ app.controller('gridCtrl',function  ($scope) {
   }
 });
 
-/* StackOverflow referred
+/* Websites referred
   http://stackoverflow.com/questions/15256600/passing-2-index-values-within-nested-ng-repeat
   http://stackoverflow.com/questions/12430820/accessing-clicked-element-in-angularjs
   http://stackoverflow.com/questions/15458609/angular-js-how-to-execute-function-on-page-load