KhaledMohamedP · August 29, 2015 14:06 · May 19, 2015 · May 19, 2015 · Sep 12, 2014 · Sep 12, 2014
diff --git a/Bootstrap Reference → BootstrapReference.md b/Bootstrap Reference → BootstrapReference.md
diff --git a/Bootstrap Reference b/Bootstrap Reference
@@ -3,6 +3,7 @@ Setup HTML
 
 Local Files
 ==========================
+```HTML
 <!DOCTYPE html>
 <html lang="en">
   <head>
@@ -22,12 +23,12 @@ Local Files
     <script src="js/bootstrap.min.js"></script>
   </body>
 </html>
-
-
+```
 
 
 CDN Files (No need to download bootstrap)
 ===========================================
+```HTML
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -47,13 +48,13 @@ CDN Files (No need to download bootstrap)
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 </body>
 </html>
-
+```
 
 
 
 BootStrap Classes Reference 
 ==========================
-
+```css
 .navbar
 .caret
 .label
@@ -402,9 +403,12 @@ BootStrap Classes Reference
 .hidden-lg
 .visible-print
 .hidden-print
+```
 
 HTML & Bootstrap tags(Typography)
-==================================
+==========================
+
+```html
 <h1></h1>
 <h2></h2>
 ..
@@ -413,25 +417,32 @@ HTML & Bootstrap tags(Typography)
 <mark></mark> [highlight text] 
 <del></del> [cross line]
 <u></u> [underline]
+```
 
 Dictionary type 
 ==============
+
 vert
-====
+----
+```html
 <dl>
   <dt>Keyword</dt>
   <dd>defintion</dd>
 </dl>
+```
 
 horizontal
-==========
+----------
+```html
 <dl class="dl-horizontal">
   <dt>Keyword</dt>
   <dd>defintion</dd>
 </dl>
+```
 
 How to Make DropDown  
-=================
+--------------------
+```html
   <header>
     <nav class="navbar navbar-default">
         <div class="navbar-header">
@@ -455,11 +466,11 @@ How to Make DropDown
       </ul>
     </nav>
   </header>
-
-
+```
 
 How to make modal 
-=========================
+-----------------
+```html
 <div class="examp modal fade" tabindex="-1" role="dialog" aria-labelledby="label" aria-hidden="true">
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
@@ -480,23 +491,32 @@ How to make modal
     </div>
   </div>
 </div>
+```
 
 How to alert 
-========================
+------------
+```html
 <div class="alert alert-dimissible alert-warning">
   <button type="button" data-dismiss="alert" class="close">X</button>
   This is an alert!
 </div>  
+```
 
 How to put tooltip into a, div, anything 
-=========================================
+---------------------------------------------------
+```html
   <button class="btnh btn btn-success" title="hello there" type="button" data-toggle="tooltip" data-placement="left">Hover</button>
-
-  //This goes in your script file 
+```
+
+**This goes in your script file**
+
+```javascript
     $('button').tooltip('show');
   //don't forget to check the rest of options and data-placement 
-
+```
+
 How to .....
-================
+-----------------
+
 
 
diff --git a/Bootstrap Reference b/Bootstrap Reference
@@ -403,6 +403,32 @@ BootStrap Classes Reference
 .visible-print
 .hidden-print
 
+HTML & Bootstrap tags(Typography)
+==================================
+<h1></h1>
+<h2></h2>
+..
+<small></small> [lighter: font-size=85% then the parent]
+<p></p> [font-size=14px, line-height=1.428] 
+<mark></mark> [highlight text] 
+<del></del> [cross line]
+<u></u> [underline]
+
+Dictionary type 
+==============
+vert
+====
+<dl>
+  <dt>Keyword</dt>
+  <dd>defintion</dd>
+</dl>
+
+horizontal
+==========
+<dl class="dl-horizontal">
+  <dt>Keyword</dt>
+  <dd>defintion</dd>
+</dl>
 
 How to Make DropDown  
 =================

diff --git a/Bootstrap Reference b/Bootstrap Reference
@@ -462,5 +462,15 @@ How to alert
   This is an alert!
 </div>  
 
-How ...
-========================
+How to put tooltip into a, div, anything 
+=========================================
+  <button class="btnh btn btn-success" title="hello there" type="button" data-toggle="tooltip" data-placement="left">Hover</button>
+
+  //This goes in your script file 
+    $('button').tooltip('show');
+  //don't forget to check the rest of options and data-placement 
+
+How to .....
+================
+
+
diff --git a/Bootstrap Reference b/Bootstrap Reference
@@ -455,7 +455,12 @@ How to make modal
   </div>
 </div>
 
-How...
+How to alert 
 ========================
-
+<div class="alert alert-dimissible alert-warning">
+  <button type="button" data-dismiss="alert" class="close">X</button>
+  This is an alert!
+</div>  
 
+How ...
+========================
diff --git a/Bootstrap Reference b/Bootstrap Reference
@@ -432,6 +432,30 @@ How to Make DropDown
 
 
 
-
+How to make modal 
+=========================
+<div class="examp modal fade" tabindex="-1" role="dialog" aria-labelledby="label" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <div class="modal-title">
+            header title
+        </div>
+      </div>
+      <div class="modal-body">
+        <h1>
+          content
+        </h1>
+        <div class="btn btn-danger" data-dismiss="modal">Click Here To Close</div> or you can hit esc how cool is that
+      </div>
+      <div class="modal-footer">
+        footer
+      </div>
+    </div>
+  </div>
+</div>
+
+How...
+========================
 
 
diff --git a/Bootstrap Reference b/Bootstrap Reference
@@ -404,5 +404,34 @@ BootStrap Classes Reference
 .hidden-print
 
 
-How to make modal 
+How to Make DropDown  
 =================
+  <header>
+    <nav class="navbar navbar-default">
+        <div class="navbar-header">
+          <div class="navbar-brand">NameCompany</div>
+        </div>
+      <ul class="nav navbar-nav">
+          <li><a href="">Menu1</a></li>
+          <li><a href="">Menu2</a></li>
+          <li>
+            <a href="" class="dropdown-toggle" data-toggle="dropdown">
+              Dropdown 
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu" >
+              <li><a href="">dropdown1</a></li>
+              <li><a href="">dropdown2</a></li>
+              <li class="divider"></li>
+              <li><a href="">dropdown3</a></li>
+            </ul>
+          </li>
+      </ul>
+    </nav>
+  </header>
+
+
+
+
+
+
diff --git a/Bootstrap Classes Reference → Bootstrap Reference b/Bootstrap Classes Reference → Bootstrap Reference
@@ -1,3 +1,59 @@
+Setup HTML 
+==========================
+
+Local Files
+==========================
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Bootstrap 101 Template</title>
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+  </head>
+  <body>
+  <h1 class="well">Hello, world!</h1>
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+  </body>
+</html>
+
+
+
+
+CDN Files (No need to download bootstrap)
+===========================================
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Bootstrap 101 Template</title>
+  <!-- Bootstrap -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+</head>
+<body>
+  <h1 class="well">Hello, world!</h1>
+
+  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+  <!-- Include all compiled plugins (below), or include individual files as needed -->
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+</body>
+</html>
+
+
+
+
+BootStrap Classes Reference 
+==========================
+
 .navbar
 .caret
 .label
@@ -345,4 +401,8 @@
 .hidden-md
 .hidden-lg
 .visible-print
-.hidden-print
+.hidden-print
+
+
+How to make modal 
+=================
diff --git a/Bootstrap Classes List → Bootstrap Classes Reference b/Bootstrap Classes List → Bootstrap Classes Reference
diff --git a/Bootstrap Classes List b/Bootstrap Classes List
@@ -0,0 +1,348 @@
+.navbar
+.caret
+.label
+.table
+.img-responsive
+.img-rounded
+.img-thumbnail
+.img-circle
+.sr-only
+.lead
+.text-muted
+.text-primary
+.text-warning
+.text-danger
+.text-success
+.text-info
+.text-left
+.text-right
+.text-center
+.h6
+.h1
+.h2
+.h3
+.h4
+.h5
+.page-header
+.list-unstyled
+.list-inline
+.initialism
+.pull-right
+.prettyprint
+.pre-scrollable
+.container
+.row
+.col-lg-12
+.col-xs-11
+.col-xs-1
+.col-xs-2
+.col-xs-3
+.col-xs-4
+.col-xs-5
+.col-xs-6
+.col-xs-7
+.col-xs-8
+.col-xs-9
+.col-xs-10
+.col-xs-12
+.col-sm-11
+.col-sm-1
+.col-sm-2
+.col-sm-3
+.col-sm-4
+.col-sm-5
+.col-sm-6
+.col-sm-7
+.col-sm-8
+.col-sm-9
+.col-sm-10
+.col-sm-12
+.col-sm-push-1
+.col-sm-push-2
+.col-sm-push-3
+.col-sm-push-4
+.col-sm-push-5
+.col-sm-push-6
+.col-sm-push-7
+.col-sm-push-8
+.col-sm-push-9
+.col-sm-push-10
+.col-sm-push-11
+.col-sm-pull-1
+.col-sm-pull-2
+.col-sm-pull-3
+.col-sm-pull-4
+.col-sm-pull-5
+.col-sm-pull-6
+.col-sm-pull-7
+.col-sm-pull-8
+.col-sm-pull-9
+.col-sm-pull-10
+.col-sm-pull-11
+.col-sm-offset-1
+.col-sm-offset-2
+.col-sm-offset-3
+.col-sm-offset-4
+.col-sm-offset-5
+.col-sm-offset-6
+.col-sm-offset-7
+.col-sm-offset-8
+.col-sm-offset-9
+.col-sm-offset-10
+.col-sm-offset-11
+.col-md-11
+.col-md-1
+.col-md-2
+.col-md-3
+.col-md-4
+.col-md-5
+.col-md-6
+.col-md-7
+.col-md-8
+.col-md-9
+.col-md-10
+.col-md-12
+.col-md-push-0
+.col-md-push-1
+.col-md-push-2
+.col-md-push-3
+.col-md-push-4
+.col-md-push-5
+.col-md-push-6
+.col-md-push-7
+.col-md-push-8
+.col-md-push-9
+.col-md-push-10
+.col-md-push-11
+.col-md-pull-0
+.col-md-pull-1
+.col-md-pull-2
+.col-md-pull-3
+.col-md-pull-4
+.col-md-pull-5
+.col-md-pull-6
+.col-md-pull-7
+.col-md-pull-8
+.col-md-pull-9
+.col-md-pull-10
+.col-md-pull-11
+.col-md-offset-0
+.col-md-offset-1
+.col-md-offset-2
+.col-md-offset-3
+.col-md-offset-4
+.col-md-offset-5
+.col-md-offset-6
+.col-md-offset-7
+.col-md-offset-8
+.col-md-offset-9
+.col-md-offset-10
+.col-md-offset-11
+.col-lg-11
+.col-lg-1
+.col-lg-2
+.col-lg-3
+.col-lg-4
+.col-lg-5
+.col-lg-6
+.col-lg-7
+.col-lg-8
+.col-lg-9
+.col-lg-10
+.col-lg-push-0
+.col-lg-push-1
+.col-lg-push-2
+.col-lg-push-3
+.col-lg-push-4
+.col-lg-push-5
+.col-lg-push-6
+.col-lg-push-7
+.col-lg-push-8
+.col-lg-push-9
+.col-lg-push-10
+.col-lg-push-11
+.col-lg-pull-0
+.col-lg-pull-1
+.col-lg-pull-2
+.col-lg-pull-3
+.col-lg-pull-4
+.col-lg-pull-5
+.col-lg-pull-6
+.col-lg-pull-7
+.col-lg-pull-8
+.col-lg-pull-9
+.col-lg-pull-10
+.col-lg-pull-11
+.col-lg-offset-0
+.col-lg-offset-1
+.col-lg-offset-2
+.col-lg-offset-3
+.col-lg-offset-4
+.col-lg-offset-5
+.col-lg-offset-6
+.col-lg-offset-7
+.col-lg-offset-8
+.col-lg-offset-9
+.col-lg-offset-10
+.col-lg-offset-11
+.table-bordered
+.table-responsive
+.form-control
+.form-group
+.checkbox
+.checkbox-inline
+.input-sm
+.input-lg
+.control-label
+.input-group-addon
+.form-control-static
+.help-block
+.btn
+.active
+.btn-default
+.btn-primary
+.btn-warning
+.btn-danger
+.btn-success
+.btn-info
+.btn-link
+.btn-lg
+.btn-xs
+.btn-block
+.fade
+.in
+.collapse
+.collapsing
+.glyphicon
+.dropdown
+.dropdown-menu
+.divider
+.dropdown-header
+.dropdown-backdrop
+.btn-group-vertical
+.btn-group
+.dropdown-toggle
+.btn-group-justified
+.input-group
+.col
+.input-group-btn
+.nav
+.nav-divider
+.nav-tabs
+.nav-justified
+.nav-tabs-justified
+.pill-pane
+.navbar-header
+.navbar-collapse
+.navbar-static-top
+.navbar-fixed-bottom
+.navbar-fixed-top
+.navbar-brand
+.navbar-toggle
+.icon-bar
+.navbar-nav
+.navbar-left
+.navbar-right
+.navbar-form
+.navbar-btn
+.navbar-text
+.navbar-default
+.navbar-link
+.navbar-inverse
+.breadcrumb
+.pagination
+.pager
+.label-default
+.label-primary
+.label-success
+.label-info
+.label-warning
+.label-danger
+.badge
+.jumbotron
+.thumbnail
+.caption
+.alert
+.alert-link
+.alert-dismissable
+.close
+.alert-success
+.alert-info
+.alert-warning
+.alert-danger
+.progress
+.progress-bar
+.progress-bar-success
+.progress-bar-info
+.progress-bar-warning
+.progress-bar-danger
+.media-body
+.media
+.media-object
+.media-heading
+.pull-left
+.media-list
+.list-group
+.list-group-item
+.list-group-item-heading
+.list-group-item-text
+.panel
+.panel-body
+.panel-heading
+.panel-title
+.panel-footer
+.panel-default
+.panel-primary
+.panel-success
+.panel-warning
+.panel-danger
+.panel-info
+.well
+.well-lg
+.well-sm
+.modal-open
+.modal
+.modal-dialog
+.modal-content
+.modal-backdrop
+.modal-header
+.modal-title
+.modal-body
+.modal-footer
+.tooltip
+.top
+.right
+.bottom
+.left
+.tooltip-inner
+.tooltip-arrow
+.popover
+.popover-title
+.popover-content
+.arrow
+.carousel
+.carousel-inner
+.item
+.prev
+.next
+.carousel-control
+.glyphicon-chevron-right
+.icon-next
+.carousel-indicators
+.carousel-caption
+.hide
+.show
+.invisible
+.text-hide
+.affix
+.hidden
+.visible-xs
+.visible-sm
+.visible-md
+.visible-lg
+.hidden-xs
+.hidden-sm
+.hidden-md
+.hidden-lg
+.visible-print
+.hidden-print
No results found