Create a new JavaScript file named
html5shiv.js
inassets/js
directory.Import
html5shiv.js
from the HTML5Shiv package we downloaded through Bower into this file:// @koala-prepend "../../bower_components/html5shiv/dist/html5shiv.js"
Create a new JavaScript file named
bootstrap.js
.In
bootstrap.js
, import the JavaScript libraries that are required to turn the off-canvas navigation functionality on, as follows:// @koala-prepend "../../bower_components/jquery/dist/jquery.js" // @koala-prepend "../../bower_components/bootstrap/js/transition.js" // @koala-prepend "../../bower_components/jasny-bootstrap/js/offcanvas.js"
Open Koala and ensure that the Auto Compile option for
html5shiv.js
andbootstrap.js
is checked, as shown in the following screenshot:Also, make sure that the output path of these two JavaScript files is set to the
/assets/js
directory, as shown in the following screenshot:Compile both these JavaScript files by clicking on the Compile...
Responsive Web Design by Example : Beginner's Guide
By :
Responsive Web Design by Example : Beginner's Guide
By:
Overview of this book
Table of Contents (16 chapters)
Responsive Web Design by Example Beginner's Guide Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Free Chapter
Responsive Web Design
Web Development Tools
Constructing a Simple Responsive Blog with Responsive.gs
Enhancing the Blog Appearance
Developing a Portfolio Website with Bootstrap
Polishing the Responsive Portfolio Website with LESS
A Responsive Website for Business with Foundation
Extending Foundation
Pop Quiz Answers
Index
Customer Reviews