Learning Bootstrap

Aravind Shenoy, Ulrich Sossou

• Éditeur: Packt Publishing
• Année: 2014
• ISBN:
  9781782161844
• Édition: 1
• Sujet: Computer Science
• Sous-sujet: Web Programming

This book will help you harness the powerful facets of the Bootstrap toolkit and streamline your web designing experience. You'll get started with the initial download and customization and a brief introduction to LESS, then move on to learn about the Grid system and Base CSS, which is tailor-made for quicker and more robust web design. Learn about components, jQuery plugins, and other unique features that make Bootstrap an amazing utility to create remarkable web pages. Get to grips with the Bootstrap technical hub, which hosts the third-party resources, themes, and templates that enhance Bootstrap. By the end of the book, you will learn how to build a powerful and trendy e-commerce website that will help you with the practical implementation of Bootstrap.

Learning Bootstrap

---

Table of Contents

Learning Bootstrap

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started with Bootstrap

Mobile-first design

Why Bootstrap

Summary

2. Installing and Customizing Bootstrap

Including Bootstrap in your HTML file

The Bootstrap CDN

Overriding with custom CSS

Using the Bootstrap customizer

Deep customization of Bootstrap

Downloading the Bootstrap source code

Compiling LESS files

Using SimpLESS to compile LESS files

Using WinLess to compile LESS files

Using the command line to compile LESS files

Putting it all together

Summary

3. Using the Bootstrap Grid

Using the Bootstrap Grid classes

Adding rows and columns

Customizing the grid for small devices

Adding offsets to columns

Pulling and pushing columns

Nesting columns

Using the Bootstrap variables and mixins

Bootstrap Grid variables

Bootstrap Grid mixins

Creating a blog layout with the Bootstrap Grid mixins and variables

Styling the blog

Summary

4. Using the Base CSS

Implementing the Bootstrap Base CSS

Headings

Body copy

Typographic elements

Emphasis inline elements

Alignment classes

Emphasis classes

Addresses

Blockquotes

Abbreviations

Lists

Tables

Basic styling

Buttons

Forms

Inline forms

Horizontal forms

Code

Images

Font families

Sans-serif font family

Serif font family

Monospace font family

Font sizes

Font sizes variables

Font sizes for headings

Customizing the Base CSS using LESS variables

Summary

5. Adding Bootstrap Components

Components and their usage

Glyphicons

Nav tabs

Nav pills

Justified tabs and pills

Dropdowns

Navbar

Breadcrumbs

Summary

6. Doing More with Components

Components to streamline your web designing projects

Jumbotron

Page header

Wells

Badges

Labels

Progress bars

Panels

Thumbnails

Pagination

List groups

Button groups

The button toolbar

Split button dropdowns

Justifying button groups

Checkbox and radio buttons

Alerts

Media objects

Responsive scalable embed

Summary

7. Enhancing User Experience with JavaScript

Streamlining your projects with official plugins

Tooltips

Popovers

Accordion

ScrollSpy

Modals

Carousels

Summary

8. Bootstrap Technical Hub – A One-stop Shop for Powerful Bootstrap Utilities

Themes and templates

Open source themes and templates

Commercial themes and templates

Ready-made resources and plugins

Font Awesome

Social Buttons for Bootstrap

Bootstrap Magic

Jasny Bootstrap

Fuel UX

Bootsnipp

Bootdey

BootBundle

Start Bootstrap

Development tools and editors

Bootply

LayoutIt

UI Bootstrap

Kickstrap

ShoeStrap

StrapPress

Summernote

Official Bootstrap resources

Bootlint

Bootstrap with SaaS

Bootstrap Expo

Summary

Index

Learning Bootstrap

Copyright © 2014 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 authors, 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: December 2014

Production reference: 1171214

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-78216-184-4

www.packtpub.com

Credits

Authors

Aravind Shenoy

Ulrich Sossou

Reviewers

Ravi Kumar Gupta

Harsh Raval

Fred Sarmento

Acquisition Editor

Sam Wood

Content Development Editor

Amey Varangaonkar

Technical Editors

Tanvi Bhatt

Siddhi Rane

Copy Editors

Merilyn Pereira

Stuti Srivastava

Project Coordinator

Leena Purkait

Proofreaders

Bridget Braund

Maria Gould

Amy Johnson

Indexer

Priya Sane

Production Coordinator

Shantanu N. Zagade

Cover Work

Shantanu N. Zagade

About the Authors

Aravind Shenoy is an in-house author at Packt Publishing. An engineering graduate from the Manipal Institute of Technology, his core interests lie in technical writing, web designing, and software testing. He was born, and is based, in Mumbai, India. A music buff, he loves listening to Oasis, R.E.M, The Doors, Dire Straits, and U2. Rock n' Roll and Rap rule his playlists. He is also the author of several other books such as Thinking in HTML and Hadoop Explained, both by Packt Publishing. You can find out more about him on the Amazon Author Central page at http://www.amazon.com/Aravind-Shenoy/e/B00ITSR2WE.

He can be contacted at <[email protected]>.

I would like to thank my uncle, Dr. Ramanath N. Kamath, for motivating me on this journey of writing the Bootstrap book. Also, a big thanks and deep gratitude to Edward Gordon and Julian Ursell from Packt Publishing, who helped me gain focus and precision in my writing abilities.

Ulrich Sossou is an experienced software engineer and entrepreneur with a passion for solving problems. He enjoys helping individuals and businesses frame difficult issues in ways that foster the emergence of the best outcomes for them and/or their businesses.

His first experience with technology came at age 8 in his uncle's computer repair shop, where he played with early versions of personal computers, such as the Macintosh Classic. Since then, he has gained valuable experience in software engineering, architecture, and design as well as marketing and sales, and he has developed the overall skill set required to run a software business.

When he's not working on open source projects or coaching less...