You are previewing Twitter Bootstrap Web Development How-To.
O'Reilly logo
Twitter Bootstrap Web Development How-To

Book Description

A hands-on introduction to building websites with Twitter Bootstrap's powerful front-end development framework

  • Conquer responsive website layout with Bootstrap’s flexible grid system

  • Leverage carefully-built CSS styles for typography, buttons, tables, forms, and more

  • Deploy Bootstrap’s jQuery plugins to create drop-downs, switchable tabs, and an image carousel

In Detail

Twitter Bootstrap is by far the most popular of all front-end frameworks. It has earned its position by providing expertly-crafted, community-tested solutions for some of the thorniest problems of contemporary web design, equipping developers to accomplish difficult tasks with ease and normal tasks with greater speed.

Twitter Bootstrap Web Development How-To walks you step-by-step from Bootstrap basics to the creation of a fully-responsive, JavaScript-enhanced, multi-page website. After this quick and dirty Bootstrap bootcamp, you’ll not only be building serious sites, but you’ll be equipped to dive into the rest of what Twitter Bootstrap has to offer.

Bringing you from zero to pro in record time, this book will start you off with Twitter Bootstrap’s excellent responsive grid system. From the basics, you’ll move on to more complex layouts with media grids and tables. You’ll learn to control Bootstrap’s navbar, adding drop-down menu items and configuring it to adapt beautifully to small screens. You’ll utilize Bootstrap’s jQuery plugins to add dynamic tabs and a beautiful homepage slideshow. You’ll also walk through the steps of uploading your files, testing your site across desktop and mobile browsers, and optimizing your site files for improved performance before final launch.

Table of Contents

  1. Twitter Bootstrap Web Development How-To
    1. Twitter Bootstrap Web Development How-To
    2. Credits
    3. About the Author
    4. About the Reviewers
    5. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    6. Preface
      1. Generosity meet cohesion!
      2. A serious community
      3. What this book covers
      4. What you need for this book
      5. Who this book is for
      6. Conventions
      7. Reader feedback
      8. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    7. 1. Twitter Bootstrap Web Development How-To
      1. Downloading and setting up (Must know)
        1. Getting ready
        2. How to do it…
          1. You're set to go!
        3. There's more…
      2. Headings, links, and buttons (Must know)
        1. Getting ready
        2. How to do it…
        3. How it works…
        4. There's more…
      3. Conquering the layout (Must know)
        1. Getting ready
        2. How to do it…
        3. How it works…
        4. There's more…
      4. Creating a standard sub-page (Must know)
        1. Getting ready
        2. How to do it…
        3. There's more…
      5. Creating a portfolio page (Must know)
        1. Getting ready
        2. How to do it…
      6. Creating a products page (Must know)
        1. Getting ready
        2. How to do it…
      7. Customizing the navbar (Must know)
        1. Getting ready
        2. How to do it…
      8. Making it responsive (Should know)
        1. Getting ready
        2. How to do it…
      9. Adding drop-down lists (Should know)
        1. Getting ready
        2. How to do it…
        3. How it works…
        4. There's more…
      10. Using tabs for switching content (Should know)
        1. How to do it…
        2. There's more…
      11. Creating a homepage carousel (Should know)
        1. Getting ready
        2. How to do it…
        3. There's more…
      12. Optimizing and customizing (Should know)
        1. How to do it…
        2. How it works…
        3. There's more…
      13. Uploading, testing, and launching (Must know)
        1. Getting ready
        2. How to do it…
        3. There's more…
      14. Appendix: Bootstrap resources