Bootstrap in 24 Hours, Sams Teach Yourself

About

Features

• The quick, hands-on guide to building responsive web sites with the powerful, easy Bootstrap front end framework
• Covers GitHub's most popular project: the best new toolset for designing web sites that easily adapt to any screen resolution
• Shows how each of Bootstrap's components come together: grid-based layout, base CSS, navigation, JavaScript integration, and more



Description

• Copyright 2016
• Dimensions: 7" x 9-1/8"
• Pages: 432
• Edition: 1st

• Book
• ISBN-10: 0-672-33704-5
• ISBN-13: 978-0-672-33704-8

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

Contents at a Glance

Part I: Getting Started with Bootstrap

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

Hour 2: Downloading and Installing Bootstrap

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

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

Part II: Building and Managing Web Pages with Bootstrap

Hour 5: Grids and How to Use Them

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

Hour 7: Bootstrap Typography

Hour 8: Styling Tables

Hour 9: Styling Forms

Hour 10: Images, Media Objects, and Glyphicons

Hour 11: Styling and Using Buttons and Button Groups

Hour 12: Creating Navigation Systems with Bootstrap

Hour 13: Bootstrap Utilities

Part III: Bootstrap JavaScript Plugins

Hour 14: Using Bootstrap JavaScript Plugins

Hour 15: Modal Windows

Hour 16: Affix, Tab, and ScrollSpy

Hour 17: Popovers and Tooltips

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

Hour 19: Collapse and Accordion

Hour 20: Carousels

Part IV: Customizing Bootstrap

Hour 21: Customizing Bootstrap and Your Bootstrap Website

Hour 22: Making Bootstrap Accessible

Hour 23: Using Less and Sass with Bootstrap

Hour 24: Going Further with Bootstrap



Extras

Related Article

How to Choose the Right CSS Framework for Your Website

Author's Site

Please visit the author's site here.

Companion Site

Please visit the website associated with Sams Teach Yourself Bootstrap in 24 Hours here.



Sample Content

Online Sample Chapter

Build Your First Bootstrap Website with the Basic Template

Sample Pages

Download the sample pages (includes Chapter 3 and Index)

Table of Contents

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



Updates

Submit Errata

