O'Reilly logo

Mastering Magento Theme Design by Andrea Saccà

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 2. Creating a Responsive Magento Theme with Bootstrap 3

In the previous chapter, we learned the fundamentals to create a custom Magento theme, and we created the basic structure of our theme. In this chapter, we will learn how to integrate the Bootstrap 3 framework and how to develop the main theme blocks.

The following topics will be covered in this chapter:

  • An introduction to Bootstrap
  • Downloading Bootstrap (the current Version 3.1.1)
  • Downloading and including jQuery
  • Integrating the files into the theme
  • Defining the main layout design template
  • Developing the header
  • Developing the footer

An introduction to Bootstrap

Bootstrap is a sleek, intuitive, powerful, mobile-first frontend framework that enables faster and easier web development, as shown ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required