Wyrównywanie poziome kolumn w bootstrapie

Ma ktoś pomysł, jak można wyrównać dwie kolumny w poziomie?
Ustawiłem dla lewej kolumny rozmiar col-md-4, a dla prawej col-md-8.
Tylko niestety prawa kolumna ucieka do góry, lub w dół :(

Link do przykładu:
https://jsfiddle.net/yo4q0wdg/

1. Bootstrap ma swoje style dla takich elementów jak h, p itd.
2. W twoim przykładzie h2 ma bootstrapowy margin-top: 20px
3. ul nie ma żadnego marginesu, stąd te różnice położenia

Musisz pamiętać, że Bootstrap to nie tylko grid i RWD ;)

Thx, pomogło.
Korzystając z okazji, wiesz może jak zrobić by przycisk SUBMIT był na szerokość okna do wpisywania dla niższych rozdzielczości??

Update:
https://jsfiddle.net/yo4q0wdg/4/

https://jsfiddle.net/yo4q0wdg/5/

Dostosuj sobie wymiary diva