Sams Teach Yourself Bootstrap in 24 Hours

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

Table of Contents

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