Twitter Bootstrap Web Development How-To [Instant]


This title is available as an eBook only
Twitter Bootstrap Web Development How-To [Instant]
eBook: $12.99
Formats: PDF, PacktLib, ePub and Mobi formats
$11.04
save 15%!
Print & eBook also available on:
Learn in an Instant - Short, Fast, Focused
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • 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

Book Details

Language : English
eBook : 68 pages
Release Date : November 2012
ISBN : 1849518823
ISBN 13 : 9781849518826
Author(s) : David Cochran
Topics and Technologies : All Books, Web Development, Open Source, Web Development

Table of Contents

Preface
Twitter Bootstrap Web Development How-To
  • Twitter Bootstrap Web Development How-To
    • Downloading and setting up (Must know)
    • Headings, links, and buttons (Must know)
    • Conquering the layout (Must know)
    • Creating a standard sub-page (Must know)
    • Creating a portfolio page (Must know)
    • Creating a products page (Must know)
    • Customizing the navbar (Must know)
    • Making it responsive (Should know)
    • Adding drop-down lists (Should know)
    • Using tabs for switching content (Should know)
    • Creating a homepage carousel (Should know)
    • Optimizing and customizing (Should know)
    • Uploading, testing, and launching (Must know)
    • Appendix: Bootstrap resources

David Cochran

David Cochran serves as an Associate Professor of Communication at Oklahoma Wesleyan University. He has been teaching Interactive Design since 2005. A passion for best practices induced him to avoid shortcuts and hew towards web standards. When Twitter Bootstrap was first released in August 2011, he recognized it as a tool that would speed up development while supporting best practices. Thus, he began folding Bootstrap into his university courses, much to the benefit of his students.

In 2012, David produced a Bootstrap 2.0 tutorial series for webdesign.tutsplus.com. He also published a first short book about Bootstrap, Twitter Bootstrap Web Development How-To , Packt Publishing.

In his spare time, David blogs about web design at alittlecode.com. He also leads a media, design, and strategy company named BitBrilliant.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 3 submitted: last submission 31 Dec 2013

Errata type: Technical | Date: 19-Dec-2012 | Page no. 9

Step 6: Right-click and download the leftmost example, labeled Basic Marketing Site.
You'll see that it is an HTML file, named hero.html.

Should be

Right-click on the example and and select "Save Link As", labeled Basic marketing site.
You'll see that it is an HTML file, named hero.html.

Errata type: Code | Date: 28-Jan-2013 | Page no. 32

The last line should have a closing </ul> in the following code:

<ul class="nav">
<li class="dropdown">
Your Account
<ul class="dropdown-menu">
<li><a href="#">Login</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Cart</a></li>
</ul>
</li>
</ul>


Errata type: Technical | Date: 31st Dec

The links to http://twitter.github.com/* are not working. The 

project has been split off to https://github.com/twbs/bootstrap. 

Sorry, there are currently no downloads available for this title.

Frequently bought together

Twitter Bootstrap Web Development How-To [Instant] +    Penetration Testing with the Bash shell =
50% Off
the second eBook
Price for both: £11.65

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Conquer responsive website layout with Bootstrap’s flexible grid system
  • Create a complex media grid of images and captions
  • Leverage carefully built CSS styles for typography, buttons, tables, forms, and more
  • Exert control over Bootstrap’s dynamic and responsive navbar
  • Learn the ways of Bootstrap’s excellent jQuery plugins
  • Create drop-down items and dynamic switchable tabs
  • Create a beautiful image carousel slideshow with captions
  • Test your results across browsers and devices

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. The content of the book is up to date with version 2.1 of Twitter Bootstrap.

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.

Approach

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks. Get the job done and learn as you go. An easy-to-follow step-by-step presentation which will get you started with Twitter Bootstrap. Practical examples will help you to get set up quickly and easily.

Who this book is for

This guide is for new, novice, and intermediate developers alike. Basic knowledge of HTML and CSS is required although this book will help beginners find their feet with both more easily. Those experienced with HTML and CSS will quickly learn the beautiful and efficient ways of Bootstrap.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software