Building a Responsive Website with Bootstrap
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Building a Responsive Website with Bootstrap to your Wishlist.

Add to Wishlist

Building a Responsive Website with Bootstrap

Build unique and responsive business layouts using modern techniques with Twitter Bootstrap
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
28 students enrolled
Created by Packt Publishing
Last updated 7/2015
Curiosity Sale
Current price: $10 Original price: $85 Discount: 88% off
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • 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.

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 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.

About the Author

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.

Who is the target audience?
  • 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
16 Lectures
Introducing Bootstrap
1 Lecture 04:50
Tired of difficult web design? Take control of your projects with Twitter Bootstrap.
Preview 04:50
Setting Things Up
3 Lectures 16:24
Download and set up Twitter Bootstrap.
Preview 04:47

We must activate Twitter Bootstrap within our website files.
Integrating Twitter Bootstrap

Utilize the LESS preprocessor to take full control of Twitter Bootstrap.
Preview 06:11
Building Our Site – Part 1
4 Lectures 21:53
Laying out an effective web page can be difficult. Take control of it using the power of the Twitter Bootstrap framework.
The Home Page Part 1 – Building the Home Page

Need to make a bold statement? Making use of a Bootstrap Carousel will do the trick.
The Home Page Part 2 – The Slider

Tidy up your web layout using Bootstrap’s simple and effective grid system.
Preview 05:01

Need to inform potential customers about a product or service? Use Bootstrap's thumbnails along with an effective call to action.
The Home Page Part 4 – Call to Action and Features
Building Our Site – Part 2
4 Lectures 51:58
We extend Bootstrap and use LESS to create a custom footer.
Preview 11:48

Take control of the look and feel of your website. Using LESS, we will add customizations deep into Boostrap to deliver a unique-looking website.
Adding Styles – Part 1

We continue to use LESS to customize our website’s look and feel.
Adding Styles – Part 2

Easily add pages and new layouts to your designs. We will use everything that we have learned to create a great content page.
Additional Page Types and Styles
Universal Files
2 Lectures 10:41
Cut down on website management time after launch using PHP.
Setting Up PHP Includes – Part 1

Easily add new pages to a website using PHP Includes.
Setting Up PHP Includes – Part 2
Deploying Our Site
2 Lectures 10:15
Make use of the Prepros tool to compress the CSS files.
Review our Website

Easily deploy your Twitter Bootstrap website.
Deploy Our Project
About the Instructor
Packt Publishing
3.9 Average rating
7,282 Reviews
52,074 Students
616 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.