O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Your First Week With Bootstrap

Book Description

Bootstrap stands as one of the most popular, open-source, front-end frameworks on the Web. Since its official release in 2011, it has undergone several changes, and it's now one of the most stable and responsive frameworks available. It's loved by web developers of all levels, as it gives them the capability to build a functional, attractive website design within minutes. A novice developer with just some basic knowledge of HTML and little CSS can easily get started with Bootstrap.

In this book we'll take you through Bootstrap basics, introduce you to its major features, and get you building your first Bootstrap sites. It contains:

  • Why I Love Bootstrap, and Why You Should Too by Syed Fazle Rahman
  • Understanding Bootstrap: How it Works, and What's New by Syed Fazle Rahman
  • Super Smart New Features to Win You Over by Maria Antonietta Perna
  • Understanding Bootstrap Modals by Syed Fazle Rahman
  • A Deep Dive into the Bootstrap Form Component by Ilya Bodrov-Krukowski
  • The Card Component: a Complete Introduction by Ahmed Bouchefra
  • How to Build a Responsive Type Scale with Bootstrap by Craig Watson
  • A Beginner's Guide to the Latest Bootstrap Utility Classes by Ilya Bodrov-Krukowski
  • 3 Tips for Speeding Up Your Bootstrap Website by Maria Antonietta Perna
  • Customizing Bootstrap jQuery Plugins by Maria Antonietta Perna
  • 8 Tips for Improving Bootstrap Accessibility by Rhiana Heath
  • Front-end Frameworks: Custom vs Ready-to-use Solutions by Ivaylo Gerchev



This book is for all frontend developers who want to build responsive, mobile-first websites. You'll need to be familiar with HTML and CSS and have a reasonable level of understanding of JavaScript in order to follow the discussion.

Table of Contents

  1. Your First Week With Bootstrap
  2. Notice of Rights
  3. Notice of Liability
  4. Trademark Notice
  5. About SitePoint
  6. Preface
    1. Who Should Read This Book?
    2. Conventions Used
  7. Chapter 1: Why I Love Bootstrap, and Why You Should Too
    1. Reason 1: The Powerful Grid System
    2. Reason 2: Rapid Development
    3. Reason 3: Browser Compatibility
    4. Reason 4: Customization!
    5. Reason 5: Open Source
    6. Want to Learn Bootstrap?
  8. Chapter 2: Understanding Bootstrap: How it Works, and What's New
    1. Getting Started
    2. So What Exactly Are We Going to Build?
    3. The Structure
    4. Diving into Bootstrap
    5. Wrap-up
  9. Chapter 3: Super Smart New Features to Win You Over
    1. #1 New Interactive Documentation
    2. #2 Top-notch Modular Architecture
    3. #3 Easier Scaling Across Screen Sizes
    4. Conclusion
  10. Chapter 4: Understanding Bootstrap Modals
    1. The Default Modal
    2. Changing the Modal’s Size
    3. Activating Bootstrap Modals with jQuery
    4. Bootstrap Modal Events
    5. Conclusion
  11. Chapter 5: A Deep Dive into the Bootstrap Form Component
    1. Getting Started
    2. Creating a Simple Form
    3. Forms With Grid
    4. Inline Forms
    5. Form Validation
    6. Conclusion
  12. Chapter 6: The Card Component: a Complete Introduction
    1. What Is the Bootstrap Card Component?
    2. Including Bootstrap in Your Project
    3. Minimal Styling for Cards
    4. Controlling Bootstrap Card Component Width and Height
    5. Bootstrap Card Component Header and Footer
    6. Adding Navigation
    7. Adding Links to the Bootstrap Card Component
    8. Aligning and Transforming Text in Bootstrap Card Components
    9. Customizing Bootstrap Card Component Background, Foreground and Border Colors
    10. Creating Advanced Layouts with the Bootstrap Card Component
    11. Conclusion
  13. Chapter 7: How to Build a Responsive Type Scale with Bootstrap
    1. How Bootstrap Sets Up Typography by Default
    2. Creating the Responsive Type Scale
    3. Wrapping It Up
    4. The Bootstrap Responsive Type Scale in Action
  14. Chapter 8: A Beginner's Guide to the Latest Bootstrap Utility Classes
    1. Introducing Bootstrap Utility Classes
    2. Flex
    3. Float
    4. Display
    5. Sizing
    6. Spacing
    7. Text
    8. Colors
    9. Borders
    10. Embeds
    11. Close Icon
    12. Conclusion
  15. Chapter 9: 3 Tips for Speeding Up Your Bootstrap Website
    1. Only Download the Bootstrap Package You need
    2. Opt for the Source rather than the Precompiled Download Package
    3. Make Use of Proven Client-side Optimization Techniques
    4. Conclusion
  16. Chapter 10: Customizing Bootstrap jQuery Plugins
    1. How to Customize the Appearance of Bootstrap Plugins
    2. Customizing a Bootstrap Plugin’s Functionality
    3. Conclusion
  17. Chapter 11: 8 Tips for Improving Bootstrap Accessibility
    1. What We’re Looking For with Design Accessibility
    2. Let’s Start Testing Bootstrap Accessibility
    3. So Is Bootstrap Accessible?
  18. Chapter 12: Front-end Frameworks: Custom vs Ready-to-use Solutions
    1. Advantages of Ready-to-use Front-end Frameworks
    2. Downsides of Ready-to-use Front-end Frameworks
    3. Advantages of Custom Solutions
    4. Downsides of Custom Solutions
    5. The Third Solution
    6. Is “Reinventing the Wheel” a Real Problem?
    7. How Can You Make the Right Choice?