Bootstrap: A SitePoint Anthology

 Table of Contents

Front Matter

1.1

Introduction

1.2

Responsive Web Design Tips from Bootstrap CSS

1.3

Understanding the Bootstrap Grid System

1.4

Understanding Bootstrap Modals

1.5

Bootstrap JavaScript Components

1.6

Less: Beyond Basics with the Bootstrap Mixins Library

1.7

Getting Bootstrap to Play Nice With Masonry

1.8

Making Bootstrap a Little More Accessible

1.9

Spicing Up the Bootstrap Carousel with CSS Animation

1.10

Bootstrap Sass Installation and Customization

1.11

Using Sass to Semantically Extend Bootstrap

1.12

Bootstrap Alpha: Super Smart Features to Win You Over

1.13

2

Front Matter

Bootstrap: A SitePoint Anthology

Copyright ? 2016 SitePoint Pty. Ltd. Editor: Simon Mackie Designer: Alex Walker

Notice of Rights

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 embodied in critical articles or reviews.

Notice of Liability

The authors and publisher have made every effort to ensure the accuracy of the information herein However, the information contained in this book is sold without warranty, either express or implied Neither the authors and SitePoint Pty. Ltd., nor its dealers or distributors will be held liable for any damages to be caused either directly or indirectly by the instructions contained in this book, or by the software or hardware products described herein.

Trademark Notice

Rather than indicating every occurrence of a trademarked name as such, this book uses the names only in an editorial fashion and to the benefit of the trademark owner with no intention of infringement of the trademark.

Published by SitePoint Pty. Ltd. 48 Cambridge Street Collingwood VIC Australia 3066 Web: Email: books@

3

Introduction

The Rise of the Puss in Bootstrap

Once upon a time web developers had to build websites and web apps from scratch. They would take the mock-ups from the designers, painstakingly counting the pixels and crafting the CSS with lots of care and patience. Countless hours would be spent in an (often futile) attempt to obtain a pixel-perfect reproduction of the design concepts across the range of supported browsers.

Things started to change in August 2011, when a new hero rose to challenge the web. Born from the passion and dedication of Mark Otto and Jacob Thornton, the newborn Bootstrap took the front-end development kingdom by storm. The second version came fast, after only half a year and it was built along the principles of responsive web design. It boasted a robust twelve column grid, lots of pre-styled components and it allowed almost everyone to put together a basic webpage, just as easy as stacking together LEGO pieces. And just on its second birthday came the announcement of the evolution to version 3, featuring a mobilefirst approach and ditching the previous Web 2.0 gradients in favor of the flat design. Two more years later, in August 2015, the first alpha version of the fourth iteration became available to the wide community. The growth trend seems to have come to a halt though, as at the time this words were written, no further public advancement happened.

I dare say that Bootstrap had almost the same effect on the World Wide Web as Ford's assembly line had for automotive industry. Every Joe and Jane with a minimum of knowledge in the field of front-end technologies could now put together a basic website that worked well across a large variety of devices and browsers. Sure, on one hand, most of them are similar to thousand others, to the point where many people started complaining that "Bootstrap is killing web design". On the other hand, there are true masterpieces of design and craftsmanship, that you can admire on dedicated websites such as the official Bootstrap Expo or BuiltWithBootstrap.

So here we are, almost 5 years from the birth of Bootstrap. In this time it grew from an internal framework at Twitter to the most used UI/front-end framework on the web, with more than 7 million websites using it (according to ). Despite the apparent break in the development cycle, version 3.X.X of Bootstrap remains a solid option for building up your websites and web apps.

This is where this book comes in. Beginners will find a wealth of knowledge to help them start on this new and fascinating road. Advanced developers could also catch small tricks and tips, designed to make their life easier. One thing is sure though: Bootstrap is here to stay and we haven't seen the last of this great framework.

4

Introduction 5

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download