Adding asterisk to required fields in Bootstrap 3

Question

My HTML has a class called .required that is assigned to required fields.

Here is the HTML:

Answer 1

The other two answers are correct. When you include spaces in your CSS selectors you're targeting child elements so:

.form-group .required {
    styles
}

Is targeting an element with the class of "required" that is inside an element with the class of "form-group".

Without the space it's targeting an element that has both classes. 'required' and 'form-group'