[chiken]

Proszę was pomóżcie bo już nie daję rady z tym. Jak wyśrodkować formularz do osi. aktualnie jest jak na zdjęciu po lewej stronie, a chciałbym aby było jak po prawej. Kod aktualnie wygląda tak.
https://pastebin.com/iD5BPseZ
#css #bootstrap #html #webdev #frontend #naukaprogramowania

[dzeoos]

@chiken: skoro to boostrap to może zrób dwa divy md-6 w lewym umieść napis napis i kwadrat następnie w prawym kwadrat i napis. W lewym div wyrównanie do prawej a w prawym div wyrównanie do lewej.

[lunaexoriens]

@chiken: Możesz to zrobić np. w tabeli: lewa połowa w jednej kolumnie, druga połowa - w drugiej. Potem po prostu wyrównujesz zawartość lewych komórek do prawej, a prawych do lewej. Zamiast tabeli możesz też zrobić po prostu dwa divy.

[chiken]

@dzeoos: @lunaexoriens: wieczorem spróbuję. Dzięki

[s.....b]

@lunaexoriens: Opcja z tabelami jest trochę oldscholowa, tak samo jak z dwoma osobnymi divami. Zwykły form + divy grupujące labele i inputy wystarczą. Reszte załatwia CSS i flexbox

[s.....b]

@chiken: użyj flexa. Z tym że ta cała div'ologia która jest w kodzie który podałeś jest nie potrzebna. Wystarczy form i divy które grupują inputy i labale.

https://codepen.io/anon/pen/xMoQZw

[chiken]

@sebSeb: tylko jeszcze jak dodać button który będzie w osi?

[s.....b]

@chiken: dodaj button za ostatni div z .form-item i do klasy .form dodaj: justify-content: center;

edit: tutaj masz prosty tool do zabawy z flexboxem: http://the-echoplex.net/flexyboxes/