Create an Engaging Website with Twitter Bootstrap 2.x

Learn to create your website with this free and open-source web design framework.

4.05 (58 reviews)

Udemy

platform

English

language

Web Development

What you will learn

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

Why take this course?

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.

Reviews

Steve

March 4, 2016

Excellent course. Chris provides clear concise instruction. Just went live with my site. Used this course to develop the original structure of the site. I have a greater comfort with CSS now that I worked through this course. Bootstrap integration really helped me worry less about creating a a basic uniform look and allowed me to focus on styling my content. I've purchased other Chris Converse courses. His content is always excellent and well edited.

Mark

April 6, 2014

This is a perfect introduction to Twitter Bootstrap 2. The lessons and project files are easy to follow and understand and just the right length. A lot of thought has gone in to the project files, especially the way the folders are set up for users who don't want to or can't use PhotoShop. The only downside to this course is that the Twitter Bootstrap is now updated to v3 but I highly recommend this course if you want an understanding of what Twitter Bootstrap is and how it can help you build websites.

Ivan

September 5, 2013

Chris has created a well thought through workflow prior creating this course. The work flow logic is excellent, mapped closely to how a most template developers think and work. This really makes it easy to work through each section of the course and build your template development skills. The code snippets, are an excellent way of quickly crafting the responsive template without getting involved in typos that would prevent the codespec being crafted from working. Then image / asset media queries were explained very simply and elegantly. Thanks Chris. Appreciate the effort put in. Regards, Ivan Bayross

Mark

August 13, 2013

An easy to understand walk through of building a responsive website with Bootstrap 2. The course follows a logical well-paced progression & keeps focused on the Bootstrap features; rather than wasting time explaining the basics of HTML & CSS coding. The instructor provides an excellent level of support via the Udemy Question & Answer facility.

Eduardo

February 26, 2013

I enjoyed following the lessons. Maybe a bit fast paced for myself, but very productive. From my perception, this course assumes that you are familiar with html and css, and see in Twitter Bootstrap a nice way to improve your productivity. That said, the instructor don't dwell on the basics of css, jquery, or html.

André

December 9, 2012

The course is good, and informative, but i think its a little overpriced, anyway Chris is a good teacher, and if money is no problem for you, i recommend this course for you.

Rory

November 21, 2012

Great and complete tutorial. One of the best on Udemy.com. Will bring you from 0 to 60 in and hour and a half.

Neil

November 21, 2012

Its a great tutorial, even if you just thinking of buying it...don't think just buy its work the money. You get great resources, and code snippets that help you with responsive design (@media queries). Files are well organised, and the videos are downloadable so that you can watch it later. Great job Chris, I hope you do more courses because I'll be sure to follow them.

Abdul

November 16, 2012

Very detailed and straight to the point. The project file attached is very helpful especially with the code snippet. I learnt a lot and can't wait to get my website up with Twitter Bootstrap design. Awesome!

Diane

August 31, 2012

There were a few areas that I felt might need more explanation such as use of hover on touch devices. Also it would be nice if you could showcase more of the plugins.

Naema

August 29, 2012

The course covered everything I needed to know and quickly. I'm a much more visual person, so I enjoyed the videos more than reading long tutorials.

Amen

July 6, 2012

I like the fact that Chris in this course and the last course he did which was creating a site implementing responsive design clearly demonstrates how to implement the concepts everyone has been promoting all over the Front End Developer Community. You come away from this course feeling like a top expert because Chris is no doubt a top expert right now. And he eliminates the misconceptions that you need specialized training in order to accomplish this. If you are a good Front End Web Developer this course is definitely for you.