Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Bootstrap] Dynamiczna liczba kolumn
markonix
post
Post #1





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

Ostrzeżenie: (0%)
-----


Liczba kolumn w jednym wierszu będzie dynamiczna, może wynieść 2, a może 5.
Nie bardzo mi się chce zaprzęgać do tego PHP i wolałbym aby to było po stronie css.
Korzystam z Boostrap, czy tam da się w jednym .row dać dowolną liczbę kolumn tak aby było działało to jak mniej więcej col-md-X gdzie X jest właśnie niewiadomą?
https://www.bootply.com/RuRv7e70sD
Czyli jak będą 3 to będą 3, jak będzie 12 to będzie ich 12 odpowiednio mniejsze. Ciągle wszystko full width.
Gdy dam col-md-1 to nie będzie użyta pełna szerokość, jak dam znów coś większego to duża szansa że będzie za dużo i przeskoczy do nowej linii.

Ten post edytował markonix 30.09.2017, 11:53:14
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Neutral
post
Post #2





Grupa: Zarejestrowani
Postów: 286
Pomógł: 46
Dołączył: 10.01.2016

Ostrzeżenie: (0%)
-----


  1. <?php
  2. $count =3;
  3.  
  4. for($u=7;$u>6;$u--){
  5. $arr4[]=$u;
  6. }
  7. for($u2=4;$u2>3;$u2--){
  8. $arr5[]=$u2;
  9. }
  10. for($j=5;$j>=4;$j--){
  11. $arr[] = $j;
  12. }
  13. for($i=3;$i>=2;$i--){
  14. $arr2[]=$i;
  15. }
  16. for($k=3;$k<=4;$k++){
  17. $arr3[]=$k;
  18. }
  19.  
  20. $arr5[1]=null;
  21. $arr4[1]=null;
  22.  
  23. for($r=0;$r<=1;$r++){
  24.  
  25. if($count>$arr2[$r] && $count<$arr[$r]){
  26. $grid = $arr3[$r];
  27. }else if($count > $arr5[$r] && $count < $arr4[$r]){
  28. $grid = 2;
  29. }else if($count > 6){
  30. $grid = 1;
  31. }else if($count < 3){
  32. $grid = 6;
  33. }
  34.  
  35. }
  36.  
  37. for($y=1;$y<=$grid;$y++){
  38. echo "<span style='color:red'>red</span>";
  39. }
  40.  
  41. ?>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 18:04