Jednym z najwa偶niejszych pyta艅 ludzko艣ci jest to, jak zrobi膰 button, kt贸ry znajduje si臋 na granicy dw贸ch container贸w w Bootstrapie. Sam zmaga艂em si臋 z tym wyzwaniem przez d艂u偶szy czas, stosuj膮c r贸偶ne, gorzej lub lepiej dzia艂aj膮ce metody. Dzi臋ki rozpisaniu tego problemu na Codepen, uda艂o mi sie przypadkiem wpa艣膰 na rozwi膮zanie, kt贸re pozwala na uzyskanie zadowalaj膮cego efektu bez wzgl臋du na rozmiar ekranu.
W skr贸cie - w col-md-x (ustala wielko艣膰 buttona) wrzucamy przycisk o klasie btn-block i stosujemy na nim translateY 50%, kt贸ry przysuwa go o 50% wysoko艣ci do g贸ry. Klasa btn-block dopasowuje button do wielko艣ci elementu nadrz臋dnego.
Brak komentarzy:
Prze艣lij komentarz