Ajdin Imsirovic - Bootstrap 4 Cookbook

BIRMINGHAM - MUMBAI

< html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

Copyright 2017 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: June 2017

Production reference: 1290617

www.packtpub.com

Author Ajdin Imsirovic	Copy Editor Dhanya Baburaj
Reviewer Zlatko Alomerovic	Project Coordinator Ritika Manoj
Commissioning Editor Ashwin Nair	Proofreader Safis Editing
Acquisition Editor Siddharth Mandal	Indexer Francy Puthiry
Content Development Editor Arun Nadar	Graphics Jason Monteiro
Technical Editor Rashil Shah	Production Coordinator Shantanu Zagade

Ajdin Imsirovic has been working with frontend technologies, as well as web and print design, for almost 2 decades. He is an accomplished video course creator and an author of a wildly popular video course series on Bootstrap development. He is dedicated to making the learning of the practical use of HTML, CSS, and JavaScript technologies with Bootstrap easy and fruitful. In his Bootstrap 4 Cookbook , he brings together all his experience while teaching Bootstrap development to make a must-read guide to the newest version of Bootstrap.

Zlatko Alomerovic is a full-stack web developer with a degree in electrical engineering and computer science. Zlatko likes solving problems with Ruby. He chooses Ruby on Rails, ReactJS, and EmberJS to get the job done. In his spare time, he gives lessons in Judo, teaches kids to code, explores Blockchain, Bitcoin, and Ethereum technologies. Check out his website at www.ingneer.com.

For support files and downloads related to your book, please visit www.PacktPub.com .

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at service@packtpub.com for more details.

At www.PacktPub.com , you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

https://www.packtpub.com/mapt

Get the most in-demand software skills with Mapt. Mapt gives you full access to all Packt books and video courses, as well as industry-leading tools to help you plan your personal development and advance your career.

• Fully searchable across every book published by Packt
• Copy and paste, print, and bookmark content
• On demand and accessible via a web browser

Thanks for purchasing this Packt book. At Packt, quality is at the heart of our editorial process. To help us improve, please leave us an honest review on this book's Amazon page at https://www.amazon.com/dp/178588929X.

If you'd like to join our team of regular reviewers, you can e-mail us at customerreviews@packtpub.com. We award our regular reviewers with free eBooks and videos in exchange for their valuable feedback. Help us be relentless in improving our products!

Bootstrap is the most popular frontend framework today. One of its advantages is that it is easy to start working with. In fact, it is possible to simply get the links for Bootstrap's CSS and JS files over a Content Delivery Network (CDN), and you are good to go!

However, under this low barrier to entry lies a whole world of possibilities to put together websites in Bootstrap 4.

For example, there are additional ways to install Bootstrap, such as cloning it via Git or installing it via NPM or Bower.

There are also several ways to work with it, with increasing levels of complexity. For example, you can simply use its CSS as is. You can also use its SCSS files, which come with the default installation in Bootstrap 4. By tweaking SCSS files, using includes, variables, and mixins (Sass functions), you can create highly customized layouts.

Bootstrap 4 also includes the amazing Flexbox grid, which gives us a whole new way of working with layouts.

When working with any frontend technology, there are always a lot of repetitive tasks, such as minification and Sass-to-CSS compilation. These tasks are performed using task runners, and in this book, the focus is on Grunt. Although working with task runners does add an extra layer of complexity to our development with Bootstrap 4, it also increases our efficiency as frontend developers.

Bootstrap 4 is powered by Sass and jQuery, so due care was given to covering the use of both technologies in this book's recipes.

In the last few chapters, we are looking into integrating Bootstrap with Jekyll, GitHub's serverless blog system, and deploying it onto GitHub pages. We also take a look at using GitHub with .NET Core, Angular, and React.

Next page