Bootstrap 4 Quick Start: A Beginner's Guide to Building Responsive Layouts with Bootstrap 4

Bootstrap 4 Quick Start: A Beginner's Guide to Building Responsive Layouts with Bootstrap 4

by Jacob D Lett

Paperback(New Edition)

View All Available Formats & Editions
Members save with free shipping everyday! 
See details


Want to improve the design of your website or web application without having to write CSS styles from scratch?

Updated to v4.2.1 January 2019

Learning web development is a lot more challenging than it used to be. Responsive web design adds more layers of complexity to design and develop websites. In this book you will become familiar with the new cards component, setting up the new flexbox grid layout, customizing the look and feel, how to follow the mobile-first development workflow, and more!

Web designer and developer Jacob Lett has built 100+ websites and WordPress themes. Let him show you exactly how to build responsive layouts that look great in every browser and device. He shares what you can't learn from the official documentation... the process of actually building a full web design layout.

This book is focused on the workflow and does not duplicate what you can already find in the official documentation. This book will show you how to reference the documentation and use it effectively in your projects.

BONUS: Includes a link to download a free cheat sheets bundle and a 1 hour training video.

Who is this for?

  • You're a web development beginner and want to learn how to become a developer.
  • You learned HTML5 & CSS3 but are new to responsive web design basics.
  • You have used Bootstrap before but want to learn new techniques and workflow.

What will I learn?

  • Learn what responsive web design is, the history behind it, and how the Bootstrap 4 frontend framework makes it easier to implement.
  • Learn the web design process and how to build a website using Bootstrap 4.
  • Learn what's new in Bootstrap 4 with a deep focus on CSS3 Flexbox, Cards, and the responsive grid layout.

What will I build?

  • Responsive Marketing Homepage - Topics covered: responsive images, image cards, parallax background images, Google fonts, carousel cross-fade, and vertical centered text.
  • Bootstrap Admin Dashboard - Topics covered: 100% height sidebar, card deck, FontAwesome icons, responsive charts and tables, and custom navigation tree menu.

How is this training unique?

  • Learn by doing as you build two professional responsive layouts examples step-by-step.
  • Focused on the workflow vs duplicating what you can find in the official documentation. This book will show you how to reference the documentation and use it effectively in your projects.
  • Uses hyperlinks to point to code demos, snippets, videos, and external resources.

What do I need?

  • Some experience with HTML coding and CSS is helpful but not necessary.
  • Does not require knowing Sass, command line, or Photoshop.
  • A computer with Google Chrome.
  • A text editor like Atom and an internet connection.

You want to build a beautiful website or user interface that works on all major browsers. Let Jacob show you how step by step. If you like detailed step by step guides, plenty of examples, and printable cheat sheets, then you’ll love Jacob Lett’s approach at how he creates responsive layouts using Bootstrap 4.

Buy the Bootstrap 4 Quick Start today and start building responsive layouts in less time and with less effort!

Product Details

ISBN-13: 9781732205819
Publisher: Bootstrap Creative
Publication date: 06/22/2018
Series: Bootstrap 4 Quick Start , #1
Edition description: New Edition
Pages: 198
Product dimensions: 7.50(w) x 9.25(h) x 0.54(d)

About the Author

Hi. I have been a web designer / developer for the past 10 years. I am still learning and enjoy helping others learn as well. I have worked in various corporate settings and as a freelancer. I enjoy working with Bootstrap and WordPress to build responsive websites.

I earned a bachelors graphic design degree around the time CSS and web standards were just starting to take hold. My primary focus was print design but gradually began doing more web projects. Then in 2009 I got my first job as a web designer writing a ton of CSS and realizing I had a long journey of learning ahead. I now share some of the things I learned along the way to help you learn faster and in a more friendly way.

Learn responsive web design and development at

Thank you,
Jacob Lett

Table of Contents

Table of Contents

  1. Introduction
  2. The Mobile Web & Bootstrap
  3. What's New in Bootstrap 4
  4. The Design Process
  5. Build a Homepage
  6. Build a Dashboard
  7. Responsive Layout Tips
  8. Conclusion
  9. Appendix

Customer Reviews