[Adasi]

#it #programowanie #programista15k

Mirkowi programiści, poratujcie. Mam takie coś:

tutaj jakiś dłuższy tekst
tutaj jakiś dłuższy teks
tutaj jakiś dłuższy teks

Na tą chwilę wszystko jest fajnie i na stronie wyświetla mi tekst jakby w trzech kolumnach koło siebie. Na telefonie wyświetla jedno pod drugim czyli tak jak chciałem. Problem w tym że wyświetla jedno pod drugim ale bez jakiekolwiek przerwy i zamiast

tutaj jakiś dłuższy tekst

tutaj jakiś dłuższy tekst

tutaj jakiś dłuższy tekst

Mam:
tutaj jakiś dłuższy tekst
tutaj jakiś dłuższy tekst
tutaj jakiś dłuższy tekst

Wygląda to zatem conajmniej słabo, jak dodać jakis nie wiem, separator czy obramowanie niewidoczne? Podejrzewam, że rozwiązanie jest tu https://getbootstrap.com/docs/3.4/css/ ale nie mogę tego rozkminić. Dzięki

[sllo71]

@Adasi: najprościej:

dodaj sobie nową klasę po col-lg-4 np "col-lg-4 mobile"
i dodaj tą klasę do @media screen :)
do klasy dodaj jakiś margin albo padding

jak dodasz do @media screen-a zastosuje on tą klasę tylko to ekranów mobilnych :)

[nefa]

@Adasi: kolumna ma tylko padding-left i padding-right. Po za tym po co Ci dwa razy row?

[Adasi]

@mielonyzmajonezem: @sllo71: dzięki zaraz popróbuję
@nefa: misclick

[Ryonnen]

@nefa: pewnie tak jest w szablonie, bo np. widziałem, jak w szablonie prestashop, był w kodzie dwa razy ten sam ID div'a.
Co do zapytania, to dajesz w CSS coś w stylu:
@media screen and (max-width: 600px) {
.col-lg-4

[nefa]

@Ryonnen: Lepiej zdefiniować sobie osobne klasy np: p-t-md { padding-top: 10px } i dodać tę klasę obok col-lg-4.
Co do media query to chyba lepiej zrobić jakiś wrapper i tam definiować te klasy niż globalnie zmieniać jakieś property bootstrap'owe.

[Ryonnen]

@nefa: Pytanie brzmi na czym to w ogóle robi, może jakieś zakłady zrobimy? ( ͡° ͜ʖ ͡°)
Ja daję:

[sllo71]

@Ryonnen: no tak ale porobi odstępy mu wtedy na każdym .col-lg-4 :) na całej stronie :)

[nefa]

@Ryonnen: ja obstawiam html/bootstrap tylko

[Ryonnen]

@sllo71: W sumie to tak.
Acz jak tutaj ma z tym problem, to zakładam, że wszystkie inne też tak mają.

[sllo71]

@Ryonnen: no tak :)
@nefa - pokombinuj :) tak i tak jest dobrze jak piszemy :)

[Ryonnen]

@nefa - pokombinuj :) tak i tak jest dobrze jak piszemy :)

@sllo71: Psss, to nie nefa jest OP ( ͡° ͜ʖ ͡°)

[sllo71]

@Ryonnen: a sorry :P chodziło mi o @Adasi ( ͡° ͜ʖ ͡°)

[Adasi]

@Ryonnen: Prestashop.
już działa, dzięki wszysktim

[Ryonnen]

@Adasi: Ah, nie trafiłem... (╯︵╰,)

[Adasi]

@sllo71: działa działą dzięki