WN - Bootstrap

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Bootstrap (https://www.wn.se/forum/showthread.php?t=1057329)

Bocaj

2013-03-24 21:54

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!

Kimpo

2013-03-24 23:46

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.

pelmered

2013-03-25 08:09

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.

Alla tider är GMT +2. Klockan är nu 00:03.