html form spanning bootstrap tabs, вызывающий нечетное расстояние

Question

У меня есть форма, которая охватывает перетаскиваемый табулятор левой загрузки. Я также использую элементы управления бутстрапом. По сути, я хочу иметь три текстовых поля, которые можно просмотреть индивидуально, выбрав соответствующую вкладку, а затем отправить, я беру все три содержимого textarea для выполнения обновления.

Код на http://jsfiddle.net/timburgess/rhNxF/8/

Вкладки ведут себя, как ожидалось. Тем не менее, при отображении текстового поля в вкладке-содержимом он находится на некотором расстоянии от элементов управления вкладками. Глядя на html, я не вижу ничего, что могло бы вызвать это. Я всегда мог сделать CSS-хак, но мне интересно, не хватает ли здесь чего-то здесь? Я пробовал устанавливать разные классы span2, span4 и т. Д., Но они не имеют никакого значения.

В идеале я хочу иметь текстовое поле рядом с вкладками и предупреждением справа от текстового поля.

Answer 1

Это потому, что:

.form-horizontal .controls { 
    margin-left: 160px; 
} 

в bootstrap.css. Вам нужно будет перезаписать это в вашем CSS.