Drukowana wersja tematu

Napisany przez: starterrrrr 17.02.2021, 15:39:18

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?

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/div.html class="row">
  {if="$ICO_IMG_1_var != ''"}<http://december.com/html/4/element/div.html class="col-12 col-md-3"> <http://december.com/html/4/element/img.html src="ikonka"></http://december.com/html/4/element/div.html>{/if}
  <http://december.com/html/4/element/div.html class="col-12 col-md-9">Docelowa treść ...</http://december.com/html/4/element/div.html>
</http://december.com/html/4/element/div.html>
[HTML] pobierz, plaintext 

Napisany przez: trueblue 17.02.2021, 15:55:58

Musisz zrobić tak jak napisałeś - wygenerować różny kod zależny od istnienia ikonki.