[HTML][PHP][MySQL] Wyswietlanie danych z bazy w formie listy Opcje

[viamarimar]

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 
     <!-- Kategorie --> 
<div class="kat znak">	
 
<div class="container ">
<div class="col-sm-12"><span class="text-nag">Kategorie przepisów:</span>
 <div class="row">
 
  <div class="col-md-3">
 
    <div class="container-fluid">
	<ul class="list-group row">	
      <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>
	<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>		
	<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>
	<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>
	<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>
   </ul>
   </div>
 
  </div>
  <div class="col-md-3">
 
     <div class="container-fluid">
	<ul class="list-group row">	
      <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>
					 <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>
					 <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>
					 <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>
					 <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>
   </ul>
   </div>
 
  </div>
  <div class="col-md-3">
 
   <div class="container-fluid">
	<ul class="list-group row">	
      <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>
					 <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>
					 <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>
					 <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>
					 <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>
 
   </ul>
   </div>
 
  </div>
  <div class="col-md-3">
 
     <div class="container-fluid">
	<ul class="list-group row">	
	 <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>
       <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>
					 <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>
					 <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>
					 <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>
   </ul>
   </div>
 
  </div>
</div>
</div>
 </div>
 
  </div>
[PHP] pobierz, plaintext 

Ten post edytował viamarimar 8.06.2015, 18:37:13