Bootstrap 4 By Example
上QQ阅读APP看书,第一时间看更新

Chapter 3. Yes, You Should Go Mobile First

You should be asking yourself, "I thought that we should first do the layout in mobile and then go to the desktop version. Why are we in the opposing way?"

Sorry, you are right! We should always go mobile-first. We went the opposite direction just for learning purposes and now we are going to fix it.

In the current chapter, we will focus on mobile design and site responsiveness with the help of the Bootstrap framework by learning how to change the page layout for different viewport, changing the content, and more. The key points of the chapter are as follows:

  • Mobile-first development
  • Debugging for any device
  • Bootstrap grid system for different resolutions

To figure out what, we will continue with the landing page that we developed in the last chapter.