Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][bootstrap] Kolumny generowane dynamicznie i zmienne klasy ?
Forum PHP.pl > Forum > Po stronie przeglądarki
starterrrrr
Witam.
Mam pewien problem z Bootstrap.

Jest taka opcja dodawania ikonki do wpisu. W przypadku gdy jest ikonka chciałbym, żeby w wersji desktopowej zajmowała 3 kolumny a treść pozostałe 9 boostrapa.
W wersji mobilnej i ikonka i treść całą szerokość czyli col-12

W przypadku gdy ikonki nie ma chciałbym, żeby wpis zajmował 100% czyli col-12

Jak to można osiągnąć? Bootstrap ma na to jakieś rozwiązanie? Czy muszę dać warunek {if="$ICO_IMG_1_var != ''"}..{ELSE}..{/IF} wtedy dwa rodzaje klas bootstrapa?

  1. <div class="row">
  2. {if="$ICO_IMG_1_var != ''"}<div class="col-12 col-md-3"> <img src="ikonka"></div>{/if}
  3. <div class="col-12 col-md-9">Docelowa treść ...</div>
  4. </div>
trueblue
Musisz zrobić tak jak napisałeś - wygenerować różny kod zależny od istnienia ikonki.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2021 Invision Power Services, Inc.