Žiūrint per bootstrap atrodo, kad jie palaiko meniu juostos elementų sulankstymą mažesniuose ekranuose. Ar yra kažkas panašaus kitiems puslapio elementams?
Pavyzdžiui, aš turiu
Ar tai įmanoma esamame Bootstrap karkase?
Itin maži įrenginiai
Telefonai (<768px) (Klasių pavadinimai : .visible-xs-block, hidden-xs)
Maži įrenginiai
Planšetiniai kompiuteriai (≥768px) (Klasės pavadinimai : .visible-sm-block, hidden-sm)
Vidutinio dydžio įrenginiai
Staliniai kompiuteriai (≥992px) (Klasės pavadinimai: .visible-md-block, hidden-md)
Dideli įrenginiai
Staliniai kompiuteriai (≥1200px) (Klasės pavadinimai: .visible-lg-block, hidden-lg)
Nuo 3.2.0 versijos nebevartojama
Ypač maži įrenginiai
Telefonai (<768px) (Klasių pavadinimai : .visible-xs, hidden-xs)
Maži įrenginiai
Planšetiniai kompiuteriai (≥768px) (Klasės pavadinimai : .visible-sm, hidden-sm)
Vidutiniai įrenginiai
Staliniai kompiuteriai (≥992px) (Klasės pavadinimai: .visible-md, hidden-md)
Dideli įrenginiai
Staliniai kompiuteriai (≥1200px) (Klasės pavadinimai: .visible-lg, hidden-lg)
Gerokai senesnis "Bootstrap "
.hidden-phone, .hidden-tablet
ir kt. yra nepalaikomi / pasenę.
ATNAUJINIMAS:
"Bootstrap 4" yra 2 tipų klasės:
hidden-*-down
, kurios paslepia elementą, kai rodinys yra ties nurodytu lūžio tašku arba mažesnis.Be to, pridėta nauja xl
peržiūros sritis, skirta įrenginiams, kurių plotis didesnis nei 1200px. Daugiau informacijos rasite čia.
Šias modulio klasės priesagas galite įvesti bet kuriam moduliui, kad geriau kontroliuotumėte, kur jis bus rodomas arba paslėptas.
.visible-phone
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop
http://twitter.github.com/bootstrap/scaffolding.html slinkite į apačią
Norėčiau pateikti keletą paaiškinimų:
Žvaigždutė kiekvienai iš jų yra tokia (toliau pateikiu tik matomą-xs-*):
Pavyzdžiui:
<div class="visible-md-block col-md-6 text-right text-muted">
<h5>Copyright © 2014 Jazimov</h5>
</div>
Išsamesnės informacijos ir naujausių specifikacijų rasite čia ir ieškokite "visible": http://getbootstrap.com/css/