Learning Bootstrap 4 by Building Projects
Develop 5 real-world Bootstrap 4.x projects from scratch
Eduonix Learning Solutions
BIRMINGHAM - MUMBAI
Learning Bootstrap 4 by Building Projects
Copyright 2018 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 or its dealers and distributors, will be held liable for any damages caused or alleged to have been 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.
Commissioning Editor: Amarabha Banerjee
Acquisition Editor: Shweta Pant
Content Development Editor: Arun Nadar
Technical Editor: Leena Patil
Copy Editor: Safis Editing
Project Coordinator: Sheejal Shah
Proofreader: Safis Editing
Indexer: Rekha Nair
Graphics: Jason Monteiro
Production Coordinator: Shantanu Zagade
First published: August 2018
Production reference: 1310818
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham
B3 2PB, UK.
ISBN 978-1-78934-325-0
www.packtpub.com
mapt.io
Mapt is an online digital library that gives you full access to over 5,000 books and videos, as well as industry leading tools to help you plan your personal development and advance your career. For more information, please visit our website.
Why subscribe?
Spend less time learning and more time coding with practical eBooks and Videos from over 4,000 industry professionals
Improve your learning with Skill Plans built especially for you
Get a free eBook or video every month
Mapt is fully searchable
Copy and paste, print, and bookmark content
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.
Contributors
About the author
Eduonix Learning Solutions creates and distributes high quality technology training content. Our team of industry professionals have been training manpower for more than a decade.
We aim to teach technology the way it is used in industry and professional world. We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.
Packt is searching for authors like you
If you're interested in becoming an author for Packt, please visit authors.packtpub.com and apply today. We have worked with thousands of developers and tech professionals, just like you, to help them share their insight with the global tech community. You can make a general application, apply for a specific hot topic that we are recruiting an author for, or submit your own idea.
Preface
We have come a long way from the first websites that were dull and full of text. While they served their purpose back then, today, websites need to be more dynamic and interactive. In addition to fulfilling their purpose, they must also look aesthetically appeasing.
Websites are primarily designed in HTML and CSS, with HTML being used for the structure and CSS helping with the design and the look-and-feel of the website. Having to code every inch of a website can often be a tedious task, which is why there are templates or frameworks that can be modified to get the desired layout of the website.
Bootstrap is this, and so much more! Bootstrap is a framework that provides a template or a layout that can be used as is or can be modified. It allows you to add items such as jumbotrons, lightboxes, sticky menus, and so much more without have to write the tedious coding that's behind it.
Bootstrap 4, the latest version, is a complete rewrite of the older versions. It offers more support and makes it easier to integrate the framework into your website design. It now comes with features such as switching from LESS to Sass, added support for Flexbox, and dropped support for IE8, IE9, and iOS 6. It has also increased the global font size to 16 px, switched from pixels to root ems, and have even rewritten all the components and jQuery plugins.
This version of Bootstrap requires learning things from scratch, and this is exactly what we are offering. We have designed this book to simplify getting your hands on Bootstrap and actually learn using an example-based approach.
In this book, you will get down to the nitty-gritty of Bootstrap 4 by actually building projects in Bootstrap from the ground up. Using five projects, you will learn the different components and features, all the while learning exactly how to put it into use.
The book has been designed in a manner that will help breakdown Bootstrap for you, and won't talk over your head. So, if you have zero experience with Bootstrap, this book has got your covered.
Who this book is for
If you are a web developer who wants to build real-world responsive website from scratch using Bootstrap 4, then this book is for you. Basic knowledge of HTML and CSS is required.
What this book covers
, Introduction, starts the book off with an introduction to Bootstrap.
, Bootstrap 4 Features, introduces you to all the new features that Bootstrap 4 offers. You will learn how to set up the environment before you start building your projects.
, Photosharing Website , helps you create multiple pages with different layouts. You will be introduced to Font Awesome and media breakpoints.
, Building a Resume Website , teaches you how to create a sophisticated resume site where you will be using the Bootstrap grid system to create layouts for your different sections, such as about me, contact information, education, experience, skills, services, and recent projects.
, Social Network Frontend , covers a number of different features, such as creating bubble comments, adding photos, and creating groups. You will also learn how to add a sidebar to the website.
Next page