Może mi ktoś wytłumaczyć, dlaczego jak robię stronkę internetową, to wszystkie widoki powinienem robić według zasady "mobile first"?

Zawsze jak robię jakiś widok, to dzielę go na sekcje. Potem robię pierwszą sekcję i najpierw ogarniam wersję na desktopy i jak widzę że jest tak jak chciałem, to od razu robię wersję na mobilki. Kiedy widzę, że dana sekcja strony wygląda ok zarówno na ekranie monitora jak i telefonu, to przechodzę do kolejnej
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hej mireczki, czy ktoś z #programista15k mógłby pomóc mi z problemem z #bootstrap?

Próbuje zrobić stronkę opartą o rozwijane nagłówki. Wykorzystałem accordion bootstrapa. Chciałbym żeby po kliknięcu w dany nagłówek przyczepiał się on do góry strony. Po kliknięciu w kolejny nagłówek poprzednia sekcja powinna się zwinąć a kliknięty nagłówek znów przyczepić do góry strony. Mój kod działa dobrze, gdy klika się w nagłówki po kolei od góry.
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

konto usunięte via Wykop Mobilny (Android)
  • 0
@pwn3r: mam dopisywać swoje cssy korzystając z bootstrapa? i sorry, ale zle sprecyzowałem bo miałem ebe lekkie - chodziło mi żeby były w jednej linii, po prawej + mniejszy input
  • Odpowiedz
Wytłumaczyłby ktoś jak pozycjonować elementy za pomocą bootstrapa na stronie? docsy niewiele mówią, a nie wiem czy dobrze robie używając parę razy col mt-5 z tego co widziałem to inni to inaczej robią jakimiś sekcjami itp., chętny ktoś?

Co to tak właściwie znaczy 'col'? Czemu to służy?

#programowanie #bootstrap #css #informatyka
  • 23
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

https://getbootstrap.com/docs/4.0/layout/grid/

W boostrapie korzysta się z siatki grid. Wejdz sobie na strone z linka, na pewno Ci sie rozjasni. 'col' to skladowa wiersza, a takich kolumn w wierszu moze byc maksymalnie 12. I ddodajac odpowiednia cyfre po col, definujesz rozklad. Czyli col-4,col-4,col-4 to caly wiersz podzielny na 3 rowne czesci. Pamietaj aby trzymac sie reguły 'container' (lub container-fluid) a w nim 'row' a pozniej 'col'.
  • Odpowiedz
#bootstrap #css #programowanie #html

Murki, jest tu ktoś obyty w boostrap'ie? Mam problem z obrazkiem z logo w menu "navbar header", nie chce być równo w linii poziomej z tekstem z menu, schodzi trochę niżej.

Toggle navigation
![](logo.png)
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jaki jest najlepszy CSS Framework? Pewnie większość odpowie, że to zależy od projektu i będziecie mieli rację, kilka lat temu myślałem pewnie jak większość, że Bootstrap będzie mi towarzyszyć całe życie, ale już od roku nie podoba mi się styl Bootstrapa, a każdą stronę zrobioną w Bootstrapie wyczuwam na kilometr...

Ale zmieniło się wszystko jak poznałem Semantic UI, to całkowicie coś nowego i pięknego.
Każdy komponent jest przygotowany z myślą o estetykę i
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 3
@aptitude: nie zależy od projektu, tylko od trendów i gustu. Najlepszy to oczywiście ten, który napiszesz sam. A potem wszystko co ma material ui w nazwie :)
  • Odpowiedz
Od Alpha do Beta w pół roku? Nieźle! Czekamy na Bootstrap 5
Nareszcie pojawiła się pierwsza beta #bootstrap 5. Poza wcześniej już opisywanymi nowościami pojawiło się kilka nowych udogodnień oraz szereg mniejszych i większych zmian. Pojawiło się również wsparcie dla tekstu pisanego od prawej do lewej strony.
https://webroad.pl/inne/7783-od-alpha-do-beta-w-pol-roku-niezle-czekamy-na-bootstrap-5
#webroad
michalkortas - Od Alpha do Beta w pół roku? Nieźle! Czekamy na Bootstrap 5
Nareszcie...

źródło: comment_1607422712mJVB8B7Whof5RJ7bNjB7Dd.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Znacie Tailwinda? Używacie Tailwinda? Lubicie Tailwinda?

Na Przeprogramowanych wjechał nowy film o frameworku Tailwind.css, który - chociaż wciąż oglądający plecy Bootstrapa pod względem popularności - to w świadomości developerów pnie się coraz bardziej do góry.

https://youtu.be/fjOnQNrqOJU

#programowanie #css #bootstrap
przeprogramowani - Znacie Tailwinda? Używacie Tailwinda? Lubicie Tailwinda?

Na Prz...

źródło: comment_1603873458cRY79hjOMqO8wGgMxro2U3.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć Miraski,
Mam pytanie odnośnie programowania. Ogólnie zawodowo zajmuję się programowaniem PLC i Labview. Chcialem poszerzyć swoje skille i zacząłem cisną pythona :) Ogarnąłem sobie składnie i podstawy i teraz uczę się django.
Chciałbym w przyszłości stworzyć jakąś aplikację (na własny użytek na razie) na podstawie django + baza danych.
I mam pytanie odnośnie frontu, czego użyć w miarę prostego, żeby to w miarę ładnie wyglądało ?
Oglądalem jakieś kursy na udemy i tam
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#bootstrap zajmuje u mnie dość wysokie miejsce, jeśli chodzi o frontendowe frameworki, z których korzystam na co dzień, tak więc bacznie przyglądam się zmianom nadchodzącym w piątym jego wydaniu. Właśnie pojawiło się wydanie Alpha 2, sprawdzam więc zmiany. Co nowego słychać w Bootstrapie?

https://webroad.pl/html5-css3/7643-co-slychac-bootstrapie-5
#webroad
michalkortas - #Bootstrap zajmuje u mnie dość wysokie miejsce, jeśli chodzi o fronten...

źródło: comment_1601981476757Z7HREF8K7HNdhZanASR.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hejka, może mi ktoś powiedzieć jak korzystać z Bootstrapa?

Znaczy ogarnąłem sobie wstępnie dokumentacje i z filmików na YT o co chodzi z tą całą siatką bootstrapową a także breakpointami. Tylko nie wiem za bardzo jak dokładnie z tego korzystać, tj. czy powinienem używać tylko interesujących mnie komponentów i resztę sobie sam pisać w HTML i CSS, czy powinienem jak najwięcej korzystać z Bootstrapa i z jego klas?

Np mam navbar z Bootstrapa,
maciorqa - Hejka, może mi ktoś powiedzieć jak korzystać z Bootstrapa? 

Znaczy ogar...

źródło: comment_1597583080ITPcPCqFcmRvw5TDsPy4fM.jpg

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@maciorqa: Jeżeli jest coś co można rozwiązać za pomocą Bootstrap, to tak to rozwiąż :) Nie ma sensu dokładać dodatkowo swoich styli, no chyba że potrzebujesz czegoś mocno customowego. O to jak się pracuje z Bootstrap w projektach komercyjnych się nie martw bo po pierwsze rzadko kiedy korzysta się z niego w pracy, a po drugie ewentualne błędy czy złe praktyki wyjdą podczas code review.
  • Odpowiedz
@maciorqa:

Czyli jeżeli mogę osiągnąć efekt tylko za pomocą Bootstrapa, to lepiej tylko z niego korzystać. No chyba, że nie mogę zmienić jakiegoś komponentu w taki sposób, jaki chcę, to muszę dodawać własne klasy.
  • Odpowiedz
Hejej Mirki,
Mam problem z selectpickerem(bootstrap-select) i vue.
W jaki sposób zaimportować metody, bym mógł ich używać wewnątrz komponentów Vue? Dodają się style, ale nie mogę używać metod selectpickera.

Np. chciałbym wywołać metodę $('#jakisid
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@RolnikSamWdolinie: wiem, że jQuery to zło;p a jQuery w projekcje z Vue to zlo^2, zwłaszcza że od es6+ używanie jQuery zupełnie traci sens. Ale też nie będę przepisywał całej logiki napisanej przez kogoś innego w jQuery, żeby osadzić dwa komponenty. Bo zwyczajnie nie mam na to czasu;/
  • Odpowiedz
jak mogę zablokować PHP żeby nie wyświetlało się w małej rozdzielczości a tylko w dużej ? przez @media? czy może jest jeszcze inny sposób, bo próbowałem kilka różnych i nic mi nie wychodzi




Tytuł moze mieć wiecej znaków, powinien sie wyświetlać tylko w
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Janis_samarra: otwórz sobie stronę w Firefoksie, wciśnij ctrl+u (albo PPM -> Pokaż żródło), Firefox elegancko podświetli na czerwono wszystko co mu się w źródełkach nie podoba, a jak najedziesz kursorem na błąd to nawet powie o co chodzi. Myślę że jak poprawisz błędy które Ci wskaże to wszystko będzie już OK :)
  • Odpowiedz
Hej. Potrzebuje pomocy z #angularjs a mianowicie. Potrzebuję stworzyć input którego wartość będzie widoczna w kontrolerze w $scope.moja_wartosc, ale nie chce, żeby była walidowana, bo używam #bootstrap i dzieją się takie rzeczy jak na obrazku. Czy są jakieś alternatywy dla ng-model? A może to problem z #bootstrap ? Ktoś wie jak coś takiego można rozwiązać ?
#angularjs #angular #programowanie #
ras - Hej. Potrzebuje pomocy z #angularjs a mianowicie. Potrzebuję stworzyć input któ...

źródło: comment_1593786908y7WRXhnXP91YQ9KuY49hEg.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@WojTech80: Chciałbym aby ta informacja o błędzie i ten czerwony x się nie generował przy tym polu, przy innych polach w formularzu tak, ale nie tym.

Tutaj ten sam problem. Na razie z tych podpowiedzi nic nie działa więc dalej szukam.
  • Odpowiedz
via Wykop Mobilny (Android)
  • 0
@ra_s: szukaj rozwiązania w komponencie, z którego korzystasz. AngularJS sam z siebie magicznie nie ma tak rozbudowanej walidacji. PS. Czemu nadal w AngularJS robisz? Utrzymanie starego projektu?
  • Odpowiedz