Jak przypisać dane do panel-body w bootstrap

0

Witam,

Czy jest możliwość, aby dane przypisane konkretnym uchwytom html przypisać do panelu bootstrapa jak do zwykłego div'a?

<div class="temp_zew id = "tempzew"></div>

<div class="panel panel-default">
  <div class="panel-body">
       id = "tempzew" ???
  </div>
</div>

Pozdrawiam

0

Co chcesz osiągnąć?

0

Buduję stronę wyświetlającą m.in. dane meteorologiczne. Chcę uzyskać coś na kształt kafelków (kilkanaście): tytuł/wartość np. Temperatura/12.5. Dane pobierane są z bazy co 1 minutę i lądują w zmiennych temzew, wiatr itd. Chcę zaprezentować wynik: Temperatura (stopnie)/temzew, Wiatr (m/s)/wiatr itd. Wydaje się, że panel bootstrapa będzie odpowiedni, ale nie wiem jak wpisać do niego wartość zmiennej.

0

Rzuć w takim razie okiem np. na jQuery (nieco overkill w tym konkretnym przypadku, ale jest to wygodne rozwiązanie, jeśli będziesz chciał dalej tę aplikację rozwijać, a i znać nie zaszkodzi).

0

Dziękuję bardzo. Problem rozwiązałem bez użycia komponentu bootstrapa - panele. Mam jednak problem ze stylizacją mojego rozwiązania, a konkretnie z utrzymaniem stałej wysokości diva: data-meteo-live-cluster, przy zmianie tekstu w klasie offer-text. Jedne tytuły zajmują dwa wiersze, a inne trzy i wraz z tą zmianą zmienia się wysokość w/w diva. Ponadto tytuły w klasie offer-text nie chcą się wyśrodkować. Z tego powodu pomyślałem o panelach bootstrapa. Przedstawiam poniżej kod jeden kolumny (jest ich 18) , a na obrazku efekt (kolory są przypadkowe dla wizualizacji zmian).

http://www.evernote.com/l/ANGlTRmDabJI96zzAHCI1QdxA2pqkbK3ATs/

                 <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
                          <div class="data-meteo-live-cluster">    
                                                      
                            <div class="data-meteo-live-icon">   
                                <div class="icon-background">
                                	<i class="fa fa-thermometer-three-quarters"></i>
                                </div>
                           
                            </div>
                            <div class="separator">
                            	<span>-------------------------------</span>
                            </div>
                            
                            <div class="data-meteo-live-title">   
                                <div class="offer-text"><h3>Temperatura powietrza zew. (°C) DS18B20</h3></div>
                            </div>
                            
                            <div class="separator">
                            	<span>-------------------------------</span>
                            </div>
                            
                            <div class="data-meteo-live-value">
                                <div class="temp_zew offer-value" id = "tempzew"></div>
                            </div>
                            
                         </div>
                        </div>   

Pozdrawiam
0

Jeszcze jeden obrazek pokazujący problem wysokości kolumn:
http://www.evernote.com/l/ANEyQi8JXsBL_7Nu7o-4rJ4uLekI3mnaDPs/

1 użytkowników online, w tym zalogowanych: 0, gości: 1