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
Bootstrap is a sleek, intuitive, powerful, mobile-first frontend framework that enables faster and easier web development, as shown in the following screenshot:
Bootstrap is the most popular frontend framework that is used to create mobile-first websites. It includes a free collection of buttons, CSS components, and JavaScript to create websites or web applications; it was created by the Twitter team.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.