What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Making a Style Statement

In the previous chapter, we showed you the first glimpse of MyPhoto, the Bootstrap website, that we will build up throughout the following chapters. Now it is time to get our hands dirty and actually start building the first section of this website. We will begin with the first pass at an element of the Services section that presents the list of print sizes available to order. The page will be constructed using a grid that we will build using Bootstrap's grid system. We will then create image elements within the grid system, apply image modifiers to them, and leverage Bootstrap's utility classes to create visual indicators and optimized layouts specific to different display resolutions.

By the end of this chapter, through code examples and studying the Bootstrap source code, you will have gained a deep understanding of the following:

Bootstrap...

Key benefits

Master the art of creating highly intuitive and responsive web interfaces with Bootstrap 4

Combine the power of Bootstrap and popular front-end JavaScript frameworks such as Angular and React to build cutting-edge web apps

Infuse your web pages with life and movement using Bootstrap jQuery plugins

Description

Bootstrap 4 is a free CSS and JavaScript framework that allows developers to rapidly build responsive web interfaces. This book will help you use and adapt Bootstrap to produce enticing websites that fit your needs. You will build a customized Bootstrap website from scratch, using various approaches to customize the framework with increasing levels of skill. You will get to grips with Bootstrap's key features and quickly discover various ways in which Bootstrap can help you develop web interfaces. Then take a walk through the fundamental features, such as its grid system, global styles, helper classes, and responsive utilities. When you have mastered these, you will discover how to structure page layouts, utilize Bootstrap's various navigation components, use forms, and style different types of content. Among other things, you will also tour the anatomy of a Bootstrap plugin, create your own custom components, and extend Bootstrap using jQuery. You will also understand what utility classes Bootstrap 4 has to offer, and how you can use them effectively to speed up the development of your website. Finally, you will discover how to optimize your website and integrate it with third-party frameworks. By the end of this book, you will have a thorough knowledge of the framework's ins and outs, and will be able to build highly customizable and optimized web interfaces.

What you will learn

•Create a professional Bootstrap-based website from scratch without using third-party templates

•Leverage Bootstrap s powerful grid system

•Style various types of content and learn how to build a page s layout from scratch by applying the power of Bootstrap 4

•Take advantage of Bootstrap s form helper and contextual classes

•Improve your website s overall user experience with headers and footers

•Infuse your web pages using Bootstrap jQuery plugins and create your own Bootstrap plugins

•Learn what utility classes Bootstrap 4 has to offer, how they are implemented, and the best way to use them.

•Create more advanced web interfaces by leveraging the power of accordions, dropdowns, and list groups.

•Incorporate Bootstrap into an AngularJS or React application and use Bootstrap components as AngularJS directives

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

S$59.99

S$66.99

S$66.99

Total S$ 193.97

Filter reviews by

All

Amazon verified reviews

DefendTek.us Jul 26, 2018

Easy to follow along, work as you go type book. I liked it - it worked for me going from BS 3 to 4.

Amazon Verified review

Fan Amazon Customer Dec 17, 2020

C'est le livre que j'attendais, commencé à pratiquer le projet de site web proposé par l'auteur pour enseigner Bootstrap 4. C'est une pédagogie intéressante.

Michael May 04, 2019

Good for someone wishing to extend their general knowledge and consolidate on concepts they may not be sure about. Building a website as a teaching tool is overused and it would have been better to use smaller 'CODEPEN' Type examples of varying complexity to explain how things work and when to use them, the book would then be worth the asking price. The most annoying feature is the way text is obscured by large black circular icons, supposedly to draw attention to important concepts. It does not work and has the opposite effect as it makes the text very difficult to read.

William J. Gecawich Apr 06, 2018

I was hoping for this ebook to be a searchable reference as I tried to do various tasks in Bootstrap. Unfortunately very little of the information was in the book. I found better information from the official bootstrap documentation site.

Ben Lanning Mar 31, 2018

I was very disappointed in this book for two reasons.First, the quality of the ebook itself was quite low. Little to no effort had been made to ensure that the layout was correct after it was converted to the kindle format and many of the code blocks and images were very difficult to take advantage of due to their low quality, being overwritten by other content, or sloppy layout.And second, the actual content of the book was extremely lacking. I am primarily a hobbyist programmer, but have successfully taught myself a number of new languages and tech stacks as I needed them for a project. As a result I rely heavily on the official documentation of any given project or language. As a result I was very disappointed to find that the content of this book was mostly fluff and that it was, in almost every case, less helpful and informative than the actual bootstrap website with regard to layout help, examples, use cases, code snippets, and even general advice on planning and designing a web page. For a book titled "Mastering Bootstrap 4" I fully expected there to be more in depth and detailed information than I can find for free on the project website in about five minutes.

Mastering Bootstrap 4: Master the latest version of Bootstrap 4 to build highly customized responsive web apps , Second Edition

What do you get with eBook?

Mastering Bootstrap 4

Making a Style Statement

The grid system

Image elements

Responsive utilities

Summary

Page 1 of 5

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

FAQs

Mastering Bootstrap 4: Master the latest version of Bootstrap 4 to build highly customized responsive web apps , Second Edition

What do you get with eBook?

Contact Details

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Contact Details

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

FAQs