One of the big challenges in web development is maintaining the site’s compatibility across devices and their various display sizes, from desktop computers to tablets and mobile phones. The last thing we want is to have a website that looks good on a desktop but is painful to navigate on a small display, or looks great on a small screen but appears oddly tiny in the center of a large screen.
Ideally the site should have the ability to automatically reorganize itself to provide the optimal viewing experience, in accordance with the size of the display. In short, we want our website to be responsive. This is where Bootstrap 3 comes in handy. It makes building responsive websites easier and quicker.
Why This Book
Aimed at absolute beginners, this book will not require you to have any experience in HTML, CSS or JQuery. You will learn as you go along. It explains the subject matter in a step by step fashion, with plenty of examples and screenshots to illustrate the points.
All examples are downloadable. You can download, tweak and reuse them on your own project. You will not have to to retype everything.
Do not buy this book if…
- You can manage to learn on your own using the online documentation provided by Bootstrap. Why spend money when you can learn it for free? Before you open your wallet, check out the Bootstrap website and give it a go.
- You expect to do a more advanced customization of Bootstrap using LESS or mixins. They will not be covered in this book.
What you will get from this book
This book will guide you in transforming a simple HTML page into a responsive one. It will demonstrate how to use Bootstrap’s grid system to create a multi-column layout. It will also guide you in creating a navigation bar, different types of menus (with or without dropdowns), buttons, icons and modal.
The book will also cover forms and form validations, where you will create a Sign Up page with some validation procedures to examine the data entered and display a warning when appropriate.
Needless to say, this book will be incomplete without a lesson on customizing Bootstrap to fit your own style. The book will illustrate how you can change fonts, colors and background images to make the page your own.
Towards the end of the book, some more Bootstrap components that can increase your site’s appeal will be discussed: Carousel, Affix and ScrollSpy.
If you are looking for a step by step guide to responsive web development using Bootstrap, you may want to give this book a try.