Jak dostosować responsywne kolumny i pola wejściowe w bootstrapie twitter?

Główne pytanie brzmi: jak dostosować css reagujący na bootstrap? Mój kod częściowo działa, ale nie mogę naprawić tych przypadków. Trudno to wyjaśnić, dla lepszego zrozumienia zrobiłem wizualizację prezentowaną na zrzutach ekranu.

Wysłałem rzeczywisty oczyszczony kod szablonuJSFIDDLE.

Teraz, gdy szerokość jest większa niż 1200px, kolumny są w porządku, co oznacza, że ​​są dwa span6 obok siebie:

Najmniejsza szerokość odpowiada moim oczekiwaniom.