Added Bootstrap responsive css

Configured side-menu to be more responsive added the modenizr js library to project
VinceG · Mar 10, 2013 · d852068 · d852068
1 parent 3b7469e
commit d852068
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 6 deletions.
diff --git a/buttons.html b/buttons.html
@@ -5,6 +5,7 @@
         <title>Buttons & Icons</title>
         <!-- Bootstrap -->
         <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
         <link href="assets/styles.css" rel="stylesheet" media="screen">
         <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
         <!--[if lt IE 9]>
@@ -127,7 +128,7 @@
         <div class="container-fluid">
             <div class="row-fluid">
                 <div class="span3" id="sidebar">
-                    <ul class="nav nav-list bs-docs-sidenav affix">
+                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                         <li>
                             <a href="index.html"><i class="icon-chevron-right"></i> Dashboard</a>
                         </li>

diff --git a/calendar.html b/calendar.html
@@ -128,7 +128,7 @@
         <div class="container-fluid">
             <div class="row-fluid">
                 <div class="span3" id="sidebar">
-                    <ul class="nav nav-list bs-docs-sidenav affix">
+                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                         <li>
                             <a href="index.html"><i class="icon-chevron-right"></i> Dashboard</a>
                         </li>

diff --git a/index.html b/index.html
@@ -1,10 +1,11 @@
 <!DOCTYPE html>
-<html>
+<html class="no-js">
 
     <head>
         <title>Admin Home Page</title>
         <!-- Bootstrap -->
         <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
         <link href="vendors/easypiechart/jquery.easy-pie-chart.css" rel="stylesheet" media="screen">
         <link href="assets/styles.css" rel="stylesheet" media="screen">
         <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@@ -128,7 +129,7 @@
         <div class="container-fluid">
             <div class="row-fluid">
                 <div class="span3" id="sidebar">
-                    <ul class="nav nav-list bs-docs-sidenav ">
+                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                         <li class="active">
                             <a href="index.html"><i class="icon-chevron-right"></i> Dashboard</a>
                         </li>

diff --git a/interface.html b/interface.html
@@ -5,6 +5,7 @@
         <title>Interface</title>
         <!-- Bootstrap -->
         <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
         <link href="assets/styles.css" rel="stylesheet" media="screen">
         <link href="vendors/jGrowl/jquery.jgrowl.css" rel="stylesheet" media="screen">
         <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@@ -128,7 +129,7 @@
         <div class="container-fluid">
             <div class="row-fluid">
                 <div class="span3" id="sidebar">
-                    <ul class="nav nav-list bs-docs-sidenav affix">
+                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                         <li>
                             <a href="index.html"><i class="icon-chevron-right"></i> Dashboard</a>
                         </li>

diff --git a/login.html b/login.html
@@ -4,6 +4,7 @@
     <title>Admin Login</title>
     <!-- Bootstrap -->
     <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
     <link href="assets/styles.css" rel="stylesheet" media="screen">
      <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>

diff --git a/stats.html b/stats.html
@@ -5,6 +5,7 @@
         <title>Statistics</title>
         <!-- Bootstrap -->
         <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
         <link href="assets/styles.css" rel="stylesheet" media="screen">
         <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="vendors/flot/excanvas.min.js"></script><![endif]-->
         <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@@ -128,7 +129,7 @@
         <div class="container-fluid">
             <div class="row-fluid">
                 <div class="span3" id="sidebar">
-                    <ul class="nav nav-list bs-docs-sidenav affix">
+                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                         <li>
                             <a href="index.html"><i class="icon-chevron-right"></i> Dashboard</a>
                         </li>