lolka_bolka lolka_bolka - 6 months ago 17
HTML Question

Bootstrap horizontal form element has -15px margin

I have a site with bootstrap. If you see my jsFiddle example, you will see that the red bordered div has a

-15px
margin at left and right. This is because if the
form-group
and
row
I think. But all the other elements is in their place. Why is it?

CSS

.tokenizer {
border: 1px solid #f00;
border-radius: 4px;
width: 100%;
padding: 5px;
min-height: 100px;
color: #555
}


If I remove my
.tokenizer
the result will be the same, because
col-xs-12
also have this
width: 100%

Answer

Just remove the form-group class and it'll be ok. You don't need it around a text-area like this without a label.