Adasi
Adasi
Adasi
0
#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
  • Najlepsze
  • Wszystkie komentarze
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
nefa
nefa
1
@Adasi: kolumna ma tylko padding-left i padding-right. Po za tym po co Ci dwa razy row?
Adasi
Adasi
Adasi Autor
1
@sllo71: działa działą dzięki
Adasi
Adasi
Adasi Autor
0
@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
nefa
nefa
0
@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
nefa
nefa
0
@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
Adasi
Adasi Autor
0
@Ryonnen: Prestashop.
już działa, dzięki wszysktim
Ryonnen
@Adasi: Ah, nie trafiłem... (╯︵╰,)