Search code examples
htmlcssformstwitter-bootstrapmargin

How Do I get Rid Of Form-Group Margin-Left

I am encountering an issue with this annoying margin that form-group has.

Here is my HTML: 

<div class="form-group col-md-4">
      <label>End Time <span style="color: red">*</span></label>
     @Html.TextBoxFor(x => x.FormModel.EndDateTime, new { @class = "form-control timepicker" })
 </div>

I have tried

.form-group col-md-4 {
    margin-left: 0px !important;
}

.form-group {
    margin-left: 0px !important;
}

However, when I do 

.form-group {
    margin-bottom: 0px;
}

It works, but this is unrelated to what I am wanting to do.

Here is what I am wanting to get rid of: Margin-Left

Solution

  • Change the padding not the margin. I am basing this off of the colours used in the chrome debugger box model. The green bit is margin with the blue content inside.