Create An Engaging Website With Twitter Bootstrap 2.X

A total of 23 lectures with a total running time of 74 minutes.

This step-by-step approach will show you how to build a responsive, interactive, and visually engaging web page with simple and flexible HTML, CSS and JavaScript -- all built on the free, open-source framework called Twitter Bootstrap. Learn to take advantage of the many aspects of Twitter Bootsrtap, including creating your own layouts, customizing components, device-sensitive elements, auto-suggest form fields, and extend the icon sprite sheet to incorporate your own icons! This course includes HTML, CSS, JavaScript, and Photoshop templates that you can customize for use in your own projects.

Graphic and PRint Designers, Web Designers, Front-end Developers, Tech-savvy Marketing Managers

A text editor, Photoshop CS2 or later (optional)

Chapter 1: Getting Started Introduction

What is Twitter Bootstrap

About the Project Files

Download the Project Files

Starting Your Project

Chapter 2: Adding the Base Markup for the Page

Page Container and Nested Rows

Adding Containers for Content

Adding Main Content

Preparing Graphics with Photoshop

Chapter 3: Adding your Own Style with CSS

Styling the Blockquote

Styling the Footer

Add Content and Style the Promos

Add Your Logo with a Link

Adding the Navigation Menu

Chapter 4: Create Your Own Icons

Add a Custom Icon to Glyphicons

Customize Styles for the Menus

Page and Background Styles

Chapter 5: Customize the Experience with Plug-ins

HTML Markup for the Carousel Plug-in

Responsive Download via CSS

Set the Timing for the Carousel

Remote Control the Carousel

Adding Form Elements

Creating an Auto Suggest

Chapter 6: Where To Go From Here

Where To Go From Here