Kom ihåg mig?
Home Menu

Menu


Bootstrap

Ämnesverktyg Visningsalternativ
Oläst 2013-03-24, 21:54 #1
Bocaj Bocaj är inte uppkopplad
Nykomling
 
Reg.datum: Nov 2011
Inlägg: 49
Bocaj Bocaj är inte uppkopplad
Nykomling
 
Reg.datum: Nov 2011
Inlägg: 49
Standard Bootstrap

Hej.

Har bråttom med att lösa ett bootstrap-problem.
Har ett röstningssystem likt feber.se, alltså grader.

Det ser ut ungefär såhär:

[37°] [+] [-]

I mobilen/devices vill jag att [+] och [-] ska bli mindre till bredden men förstår inte hur jag ska ändra i stilmallen för detta.

Tips/råd? Hojta om jag ska visa något ur stylen. Tack!
Bocaj är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-03-24, 23:46 #2
Kimpo Kimpo är inte uppkopplad
Medlem
 
Reg.datum: Mar 2009
Inlägg: 185
Kimpo Kimpo är inte uppkopplad
Medlem
 
Reg.datum: Mar 2009
Inlägg: 185
Använder du ett plus/minus-tecken eller själva glyphiconen för det där?

Du nämnder mobil så jag antar att du kör på bootstrap responsive. Det du vill ändra är media query delen för mindre enheter.

Bästa är nog egentligen att ändra i less-filerna och kompilera ner en egen version av responsivedelen.
Kimpo är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-03-25, 08:09 #3
pelmereds avatar
pelmered pelmered är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: May 2010
Inlägg: 1 342
pelmered pelmered är inte uppkopplad
Har WN som tidsfördriv
pelmereds avatar
 
Reg.datum: May 2010
Inlägg: 1 342
Typ såhär:
Kod:
@media handheld, only screen and (max-width: 767px) {
   .vote-buttons { 
      height: 20px;
      padding: 20px 10px;
   }
}
Breakpointen är här 767 pixlars bredd på skärmen som du ser. CSS-reglerna får du givetvis justera så att de passar din design.
pelmered är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 20:23.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017