Code a Responsive Website with Bootstrap 3 - [Lecture 16] Style the Feature Section with CSS

Lecture #16: In this lecture, we style the features section with CSS.

QUICK NOTE
----------------------
Hey everybody, welcome back to Code a Responsive Website with Bootstrap 3.

I recently received a message from a fellow student in regards to Media Queries, and he made an excellent point:

Hope that helps!

===========
Please Donate:
===========

=================
More about this course:
=================

==============
Code Responsively
==============

Do you want to learn how to build a responsive, mobile-friendly and beautiful website using HTML5, CSS3 and jQuery? Look no further! You're in the right place.

======================
A Simple Step-by-Step Guide
======================

This course is a simple, step-by-step tutorial that will arm you with the appropriate skills and knowledge to start building your very own responsive websites using the newly released Twitter Bootstrap 3 — a popular, free, mobile-first, open-source framework.

==========
Dive Right In
==========

We will dive into hand-coding custom responsive layouts, sliding carousels, beautiful buttons, device-specific elements, scalable font icons, and so much more! This course includes all HTML5, CSS3, jQuery, and even Photoshop files for you to use for free in your own websites & applications.

What are you waiting for? Let's get ahead of the game and get started right now!

=====================
Check out the Final Product
=====================

=======================
What My Students Are Saying
=======================

Ground breaking (and simple) web creation.

Wow. What's the most expensive website on the Internet? Facebook? Twitter? Because when you finish this course you will have hand-coded a webpage that looks and functions JUST like the most impressive and intuitive websites that once took programmers thousands of hours to code. Bootstrap 3 is RIDICULOUSLY straight-forward.

These videos are well created, concise, fast-paced, easy to follow, and just funny enough to keep you chuckling as you're slamming out lines of code. I've taken 3 courses from this instructor. Whenever I have questions he is right there with a simple solution or a helpful suggestion to keep me going forward with the course work.

If you haven't done any coding before (or need to get brushed up on HTML) this guy's HTML course is a bit slower and more in depth as to how the entry level code works. This Bootstrap course assumes that you're well-versed in HTML and runs with it. My only complaint is that I now have to go back and re-do ALL my websites... because this course info is just too good to pass up. ;)

[reudave]

It's 1:10AM and I'm watching this video and the monotonous robotic voice at the beginning almost scared me. hahahaha. great videos by the way. Ive been watching em for almost a day now. thanks! (y)

[sumedhdeshpande]

Great work Brad!!.
Will you do some videos on Ruby on rails also?

[killym]

First of all, GREAT JOB!. Could You explain me why text-align:center, align 'img' as well?

[TagYasuro]

at 0:05 i went wtf?! pause the video and check my entire pc... to figure out 20minutes after that you had a moment with humor.. ;D

[Mindset_]

Hi there, I'm struggling to keep my images responsive. Same problem as mentioned below, can you tell me what CSS i need to include to shrink the image as well when collapsing ? thanks 

[shainemaguire]

Instead of doing text-align: center; in your CSS, all you need to do is use the bootstrap class "text-center" which does the same thing. :)

[micahsmith]

Nice touch with the automated voice. Lol