Mam fragment kodu jak ponizej. Sa to jakies kategorie, bez znaczenia co w tej chwili. Chodzi o to, że na stronie lista ma sie wyswietlac w rzedach czyli użyłem listy(opartej o bootstrapa) tylko teraz jak chcialbym zrobic w bazie danych tabele z kategoriami to jak to za pomocą php wyswietlac np po 4 na jedna kolumne?

-mozna posortowac alfabetycznie.. mozna ale po co?
- jest jakas funkcja ktora obcina ciag znakow wyswietlany z bazy danych?

w sensie jesli zrobie

$dane =(tu wartosc z selecta-wszystkie kategorie) - chce miec je w kolumnach to jak to wykonac?
Ważne, że chce to wyświetlić za pomoca PHP.

[PHP] pobierz, plaintext 
  1.      <!-- Kategorie --> 
  2. <div class="kat znak">	
  3.  
  4. <div class="container ">
  5. <div class="col-sm-12"><span class="text-nag">Kategorie przepisów:</span>
  6.  <div class="row">
  7.  
  8.   <div class="col-md-3">
  9.  
  10.     <div class="container-fluid">
  11. 	<ul class="list-group row">	
  12.       <li class="list-group-item"><a href="#"><img src="img/dzieci.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Dzieci <span class="badge">1</span></span></a></li>
  13. 	<li class="list-group-item"><a href="#"><img src="img/danie.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Dania <span class="badge">170</span></span></a></li>		
  14. 	<li class="list-group-item"><a href="#"><img src="img/makaron.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Makarony <span class="badge">576570</span></span></a></li>
  15. 	<li class="list-group-item"><a href="#"><img src="img/napoje.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Napoje <span class="badge">576570</span></span></a></li>
  16. 	<li class="list-group-item"><a href="#"><img src="img/napoje.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Napoje <span class="badge">576570</span></span></a></li>
  17.    </ul>
  18.    </div>
  19.  
  20.   </div>
  21.   <div class="col-md-3">
  22.  
  23.      <div class="container-fluid">
  24. 	<ul class="list-group row">	
  25.       <li class="list-group-item"><a href="#"><img src="img/mieso.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Mięso <span class="badge">576570</span></span></a></li>
  26. 					 <li class="list-group-item"><a href="#"><img src="img/salatka.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Sałatki <span class="badge">5170</span></span></a></li>
  27. 					 <li class="list-group-item"><a href="#"><img src="img/ryba.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Ryby <span class="badge">33</span></span></a></li>
  28. 					 <li class="list-group-item"><a href="#"><img src="img/owoce.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Owoce <span class="badge">2</span></span></a></li>
  29. 					 <li class="list-group-item"><a href="#"><img src="img/warzywa.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Warzywa <span class="badge">576570</span></span></a></li>
  30.    </ul>
  31.    </div>
  32.  
  33.   </div>
  34.   <div class="col-md-3">
  35.  
  36.    <div class="container-fluid">
  37. 	<ul class="list-group row">	
  38.       <li class="list-group-item"><a href="#"><img src="img/ciasto.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Ciasto/Wypieki <span class="badge">576570</span></span></a></li>
  39. 					 <li class="list-group-item"><a href="#"><img src="img/zupa.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Zupy <span class="badge">576570</span></span></a></li>
  40. 					 <li class="list-group-item"><a href="#"><img src="img/dieta.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Diety <span class="badge">123</span></span></a></li>
  41. 					 <li class="list-group-item"><a href="#"><img src="img/surowka.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Surówki <span class="badge">576570</span></span></a></li>
  42. 					 <li class="list-group-item"><a href="#"><img src="img/napoje.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Napoje <span class="badge">576570</span></span></a></li>
  43.  
  44.    </ul>
  45.    </div>
  46.  
  47.   </div>
  48.   <div class="col-md-3">
  49.  
  50.      <div class="container-fluid">
  51. 	<ul class="list-group row">	
  52. 	 <li class="list-group-item"><a href="#"><img src="img/sos.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Sosy <span class="badge">33</span></span></a></li>
  53.        <li class="list-group-item"><a href="#"><img src="img/grill.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Grill <span class="badge">576570</span></span></a></li>
  54. 					 <li class="list-group-item"><a href="#"><img src="img/grzyb.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Grzyby <span class="badge">576570</span></span></a></li>
  55. 					 <li class="list-group-item"><a href="#"><img src="img/swiateczne.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Świąteczne <span class="badge">0</span></span></a></li>
  56. 					 <li class="list-group-item"><a href="#"><img src="img/napoje.png" class="" alt="Tekst alternatywny" /><span class="nav-tekst"> Napoje <span class="badge">576570</span></span></a></li>
  57.    </ul>
  58.    </div>
  59.  
  60.   </div>
  61. </div>
  62. </div>
  63.  </div>
  64.  
  65.   </div>
[PHP] pobierz, plaintext