@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.

@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

@maestrozo: to się nazywa masonry layout i tam jest zrobione za pomocna skryptu. Tutaj masz jak uzyskać w miarę podobny efekt przy pomocy bootstrapa 4: https://stackoverflow.com/questions/48468140/bootstrap-4-masonry-layout-utilizing-flexbox-grid

@BlazonedWalls: Pouczę się CS'a

@safuka: co to znaczy "poświęcać czas"? Oba te frameworki mają swoje ograniczenia i czasami musisz coś przerobić więc nie rozumiem po co ten "wybór". Korzystaj z tego co ładniejsze i prostsze dla Ciebie a prędzej czy później i tak natrafisz na case w projekcie że żaden z powyższych nie będzie miał tego co potrzebujesz i będziesz musiał dopisać swoje rzeczy. Wszystko też zależy od projektu więc pytanie jest trochę z dupy.Pokaż całość

@HAL__9000: co to za różnica, czy skopiujesz już sprawdzone style, czy sam napiszesz minimalne inne z trochę innym color czy shadow ( ͡° ͜ʖ ͡°)

@Warszawiok: Źle definiujesz pytanie. Bootstrapa można wykorzystać też na OnePage'u. Największa wada OnePage to mało miejsca na treść, a treść jest bardzo istotna przy SEO.

Ludzie często mylą single z one ... więc dopytuje bo to 2 skrajnie różne technologie (render w przeglądarce vs na serwerze).

Jeśli chodzi o onepage to ważny jest szablon, sekcje, kotwice html #id oraz semantyka.
Dla onepage używam pinegrow/pingendo - mam wtedy wizualnie łatwą edycję i spokój z zabezpieczaniem i przyśpieszaniem WordPress.

@Miyazaki za 66.6€/h moge sie nauczyc into webdev ( ͡° ͜ʖ ͡°)

Pokaż spoiler

@boostasio: nie nadpisuj klas

@getin: używając bootstrapa + angulara/vue/reacta bierzesz cssy z bootstrapa i korzystasz z bibliotek, ktore posiadaja natywne komponenty napisane w wybranym frameworku (bez użycia jquery). Przykładowo masz coś takiego jak ng-bootstrap, bootstrap-vue i react-bootstrap

@7malan: jeśli tak jest napisane w tej książeczce to zgoda

@loremipsum91: Konsola nic nie pokazuje?

@loremipsum91: najlepszą pomoc uzyskasz na oficjalnym githubie, jak błąd jest świeży to naprawią od kopa. Chwilowo możesz zrobić mały downgrade.

@ZFY0gzdR1q: thx man

Taktyk

@loremipsum91: animacja przekreślonej kłódki? To standardowa animacja przeglądarki. ( ͡~ ͜ʖ ͡°)

@coolcooly22: yyy :D anyway, odswiez strone teraz bo chyba jest juz ok

na fiddlue dziala bo masz juz zaimportowane cdn z bootstrap.min.css, pokaz swoj plik html

@czarnyzawias: pokaz cały plik html

@loremipsum91: oba bo mają różne zastosowania

@DaaJay: wtf... Facebook

i na mobile sobie ukrywasz i, pokazujesz span a na desktopie na odwrót.

@DaaJay 1. Możesz zrobić drugie menu i pokazywać odpowiednie w zależności od @media.
2. Możesz też zrobić teksty w ukrytych znacznikach i w zależności od @media pokazywać *, albo te znaczniki*

@puzno: używaj wersji beta systemu

#!$%@? się bo coś nie działa

Pokaż spoiler

@anonimowybagatelizator: materialize jest niezły, fajne komponenty, schludnie wygląda, darmowe a nie jak np. w mdbootstrap, na minus mniej snippetów i czasami ciężko zmodyfikować css fw, ale projekt rozwija się fajnie i jquery free więc ok

@anonimowybagatelizator: jest jeszcze Bulma + Bloomer, co ma taką zaletę że nie wymaga jQuery. Dość podobne, grid praktycznie tak samo.

https://bulma.io
https://github.com/AlgusDark/bloomer

https://bloomer.js.org/#/documentation/grid/columns

Pokaż spoiler