Bootstrap in 24 Hours, Sams Teach Yourself

Description
Table of Contents

Learn to create great-looking responsive web sites with Bootstrap

In just 24 lessons of one hour or less, Sams Teach Yourself Bootstrap in 24 Hours helps you use the free and open source Bootstrap framework to quickly build websites that automatically reflect each user’s device and experience, without complex hand crafting.

This book’s straightforward, step-by-step approach shows you how to install Bootstrap and quickly build basic sites; extend them with styles, components, and JavaScript plug-ins, and even create sophisticated designs with advanced features. In just a few hours, you’ll be using Bootstrap to bring responsive design to virtually any site. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.

Step-by-step instructions carefully walk you through the most common Bootstrap development tasks
Practical, hands-on examples show you how to apply what you learn
Quizzes and exercises help you test your knowledge and stretch your skills
Notes and tips point out shortcuts and solution

Learn how to…

Download Bootstrap and integrate it into your project
Quickly build your first Bootstrap site with the basic template
Create beautiful and responsive site layouts with Bootstrap’s built-in grids
Display more interesting text with labels, badges, panels, and wells
Style tables and forms so they’re attractive, readable, and responsive
Use images, media, and icons, including free Glyphicons
Quickly create navigation and buttons, including dropdowns and search fields
Add alignment, color, and visibility with Bootstrap’s CSS utilities
Extend your site with alerts, image carousels, and other JavaScript plugins
Rapidly create appealing functional prototypes
Customize Bootstrap with CSS, Less, and Sass
Lighten Bootstrap downloads by stripping out unnecessary features
Build accessible sites
Create complex designs that don’t look generic

Who This Book is For

Those who already have an understanding of the basics of HTML and CSS
Having an understanding of JavaScript will make this book a bit easier to absorb, but it is not required because the basics of JavaScript are covered

Introduction

Part I: Getting Started with Bootstrap

Hour 1: What Is Bootstrap, and Why You Should Use It

What Is a Web Framework?

What Is Bootstrap?

How Is Bootstrap Different from Other Frameworks?

Why You Should Use Bootstrap

Hour 2: Downloading and Installing Bootstrap

Where to Get Bootstrap

Other Ways to Get Bootstrap

Hour 3: Build Your First Bootstrap Website with the Basic Template

The Minimum Bootstrap Page

The Basic Bootstrap Template

More Bootstrap Sample Templates

Hour 4: Understanding Normalize.CSS and the Basics of Bootstrap CSS

What Is Normalize.CSS?

Understanding the Bootstrap Infrastructure

Part II: Building and Managing Web Pages with Bootstrap

Hour 5: Grids and How to Use Them

Grids in Design

The Bootstrap Grid System

How to Create Grids in Bootstrap

Responsive Web Layouts in Bootstrap

Hour 6: Labels, Badges, Panels, Wells, and the Jumbotron

Labels and Badges

Wells and Panels

The Jumbotron

Hour 7: Bootstrap Typography

Basic Typography in Bootstrap

Headings

Body Copy Text

Other Text Blocks

Hour 8: Styling Tables

Basic Tables

Bootstrap Table Classes

Panels with Tables

Responsive Tables

Hour 9: Styling Forms

Basic Forms

Form Controls Supported by Bootstrap

Input Groups

Interactivity in Bootstrap Forms

Hour 10: Images, Media Objects, and Glyphicons

Images

Media Objects

Thumbnails

Glyphicons

Hour 11: Styling and Using Buttons and Button Groups

Basic Buttons

Button Groups

Button JavaScript

Hour 12: Creating Navigation Systems with Bootstrap

Standard Navigation Elements

Dropdowns

Navbars

Changing the Navbar Colors and Alignment

Breadcrumbs and Pagination

List Groups

Hour 13: Bootstrap Utilities

Helper Classes

Responsive Utilities

Print Classes

Responsive Embed

Accessibility in Bootstrap

Part III: Bootstrap JavaScript Plugins

Hour 14: Using Bootstrap JavaScript Plugins

How to Use Bootstrap JavaScript Plugins

Setting Options for Plugins

Using the JavaScript API

Hour 15: Modal Windows

What Is a Modal Window?

How to Build a Modal Window

Modifying Modals

Hour 16: Affix, Tab, and ScrollSpy

Affix

Tab

ScrollSpy

Using These Plugins Together

Hour 17: Popovers and Tooltips

Tooltips

Popovers

Hour 18: Transitions, Buttons, Alerts, and Progress Bars

Transitions

Buttons

Alerts

Progress Bars

Hour 19: Collapse and Accordion

The Collapse Plugin

Accordions

Hour 20: Carousels

Creating Carousels

Using the Carousel Plugin

Carousels on the Web

Part IV: Customizing Bootstrap

Hour 21: Customizing Bootstrap and Your Bootstrap Website

Using Your Own CSS

Using the Bootstrap Customizer

Using a Third-Party Bootstrap Customizer

Hour 22: Making Bootstrap Accessible

What Is Accessibility?

Accessible Design in Bootstrap

Tricks for Making Bootstrap Sites Accessible

Hour 23: Using Less and Sass with Bootstrap

What Is a CSS Preprocessor?

Using Less

Using Sass

Hour 24: Going Further with Bootstrap

Bootstrap Editors

Using Bootstrap in WordPress

Extending Bootstrap with Third-Party Add-ons

The Bootstrap Community

Beautiful Bootstrap Websites

9780672337048 TOC 10/19/2015