Building a Responsive Website with Bootstrap [Video]

Building a Responsive Website with Bootstrap [Video]

Brock Nunn

1 customer reviews
Build unique and responsive business layouts using modern techniques with Twitter Bootstrap
Mapt Subscription
FREE
$29.99/m after trial
Video
$25.50
RRP $84.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.50
$29.99p/m after trial
RRP $84.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781782164982
Course Length1 hour 56 minutes

Video Description

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.

Table of Contents

Introducing Bootstrap
Introduction
Setting Things Up
Downloading and Setting Up Files
Integrating Twitter Bootstrap
Getting Started with LESS
Building Our Site – Part 1
The Home Page Part 1 – Building the Home Page
The Home Page Part 2 – The Slider
The Home Page Part 3 – The Grid
The Home Page Part 4 – Call to Action and Features
Building Our Site – Part 2
Completing the Home Page
Adding Styles – Part 1
Adding Styles – Part 2
Additional Page Types and Styles
Universal Files
Setting Up PHP Includes – Part 1
Setting Up PHP Includes – Part 2
Deploying Our Site
Review our Website
Deploy Our Project

What You Will Learn

  • Master web layouts using a modern and popular front-end framework
  • Implement custom layout elements such as page layouts, image carousels, and list styles
  • 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

Authors

Screenshots

Table of Contents

Introducing Bootstrap
Introduction
Setting Things Up
Downloading and Setting Up Files
Integrating Twitter Bootstrap
Getting Started with LESS
Building Our Site – Part 1
The Home Page Part 1 – Building the Home Page
The Home Page Part 2 – The Slider
The Home Page Part 3 – The Grid
The Home Page Part 4 – Call to Action and Features
Building Our Site – Part 2
Completing the Home Page
Adding Styles – Part 1
Adding Styles – Part 2
Additional Page Types and Styles
Universal Files
Setting Up PHP Includes – Part 1
Setting Up PHP Includes – Part 2
Deploying Our Site
Review our Website
Deploy Our Project

Video Details

ISBN 139781782164982
Course Length1 hour 56 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Getting started with Go Programming Language [Integrated Course] Book Cover
Getting started with Go Programming Language [Integrated Course]
$ 124.99
$ 37.50
Building an Application with Functional Haskell [Video] Book Cover
Building an Application with Functional Haskell [Video]
$ 124.99
$ 37.50
Universal JavaScript with React, Node, and Redux [Video] Book Cover
Universal JavaScript with React, Node, and Redux [Video]
$ 124.99
$ 37.50
Classifying and Clustering Data with R [Video] Book Cover
Classifying and Clustering Data with R [Video]
$ 124.99
$ 37.50