Video Details

About This Video

Implement incredible Bootstrap-only features such as the grid, image carousel, and more

Use Retina-ready icon fonts to make your site look awesome

Learn time-saving tips and tricks to optimize your site's performance

Who This Video Is For

If you are familiar with HTML, CSS, and basic JavaScript, and want to get a better handle on frontend website design, then this tutorial is for you. Beginners will find the sections on project initiation, folder setup, and deployment extremely useful and will be guided step-by-step through how to create their own site. More experienced users will be able to take advantage of the tips for CSS preprocessing using LESS.

What You Will Learn

Easily manipulate a grid-based layout system with the Twitter Bootstrap grid

Extend Bootstrap using custom icon fonts to produce retina-ready graphics for any device

Build a unique homepage while learning about the visual hierarchy to lead the eyes of your users to what they need to see

Integrate the LESS preprocessing language to take full control of Twitter Bootstrap

Use deployment techniques that will make your site simpler and easy to manage

Optimize and deploy your website using modern techniques and a few easy tricks

In Detail

Twitter Bootstrap is one of the easiest CSS frameworks to use, and helps you design and build web applications. Bootstrap allows users to quickly get started with developing professional looking web applications. Bootstrap takes a great deal of the guess work out when it comes to difficult layout styles.

This tutorial will show you how to harness the power of the Twitter Bootstrap framework to create a custom responsive website for a fictional client. You will learn how to manage every aspect of building a responsive website from the initial download all the way through the process until you have a finished functioning website. This tutorial will also show you how to tame the Twitter Bootstrap framework! We will start from the first download and progress until we have a website ready to be published!

Learning to layout a unique website that will appeal to visitors can be a daunting task. In this course, we will use the Twitter Bootstrap framework to easily create a custom layout that looks great on any device. Using Bootstrap's unique features, you will learn just how easy it is to create your own site!

Through Building a Responsive Website with Bootstrap, you will gain the knowledge and experience to create your website.

Style and Approach

Packt video courses are designed to cover the breadth of the topic in short, hands-on, task-based videos. Each course is divided into short manageable sections, so you can watch the whole thing or jump to the bit you need. The focus is on practical instructions and screencasts showing you how to get the job done.

An in-depth look at the Twitter Bootstrap framework from the angle of a web designer working on a new client site. The videos offer a relaxed and approachable look into the workflow of a frontend developer.

Authors

Brock Nunn

Brock Nunn is a frontend web developer from Tulsa, Oklahoma. Brock works full time as a graphic designer at Rovi Corporation. Over the past six years, Brock has taken part in web projects big and small. Self taught, Brock has a passion for teaching others with a simple and personal approach. Brock married his wife in June of 2009. When he is not neck deep in code, Brock enjoys making great food for his family, including his puppy Sugar.

Alerts & Offers

Series & Level

We understand your time is important. Uniquely amongst the major publishers, we seek to develop and publish the broadest range of learning and information products on each technology. Every Packt product delivers a specific learning pathway, broadly defined by the Series type. This structured approach enables you to select the pathway which best suits your knowledge level, learning style and task objectives.

Learning

As a new user, these step-by-step tutorial guides will give you all the practical skills necessary to become competent and efficient.

Beginner's Guide

Friendly, informal tutorials that provide a practical introduction using examples, activities, and challenges.

Essentials

Fast paced, concentrated introductions showing the quickest way to put the tool to work in the real world.

Cookbook

A collection of practical self-contained recipes that all users of the technology will find useful for building more powerful and reliable systems.

Blueprints

Guides you through the most common types of project you'll encounter, giving you end-to-end guidance on how to build your specific solution quickly and reliably.

Mastering

Take your skills to the next level with advanced tutorials that will give you confidence to master the tool's most powerful features.

Starting

Accessible to readers adopting the topic, these titles get you into the tool or technology so that you can become an effective user.

Progressing

Building on core skills you already have, these titles share solutions and expertise so you become a highly productive power user.