Ikuspegi orokorra
Zure Bootstrap proiektua ezartzeko osagaiak eta aukerak, edukiontziak biltzeko, sare-sistema indartsua, multimedia-objektu malgua eta erabilgarritasun-klase sentikorrak barne.
Edukiontziak Bootstrap-en diseinu-elementurik oinarrizkoena dira eta beharrezkoak dira gure sareta sistema lehenetsia erabiltzean . Aukeratu zabalera finkoko edukiontzi bat (esan nahi du max-width
eten puntu bakoitzean aldaketak) edo zabalera fluidoa (esan nahi 100%
du denbora guztian zabala dela).
Ontziak habiaratu daitezkeen arren , diseinu gehienek ez dute habiaratutako edukiontzirik behar.
Erabili .container-fluid
zabalera osoko edukiontzi baterako, ikuspegiaren zabalera osoan zehar.
Bootstrap lehenik mugikorra izateko garatu denez, multimedia-kontsulta gutxi batzuk erabiltzen ditugu gure diseinu eta interfazeetarako eten-puntu zentzuzkoak sortzeko. Eten-puntu hauek, gehienbat, ikuspegi minimoen zabaleretan oinarritzen dira eta elementuak eskalatzeko aukera ematen digute bista aldatzen den heinean.
Bootstrap-ek batez ere multimedia kontsulta-barrutiak edo eten-puntuak erabiltzen ditu gure iturburuko Sass fitxategietan gure diseinurako, sareta-sistemarako eta osagaietarako.
Gure iturri CSS Sass-en idazten dugunez, gure multimedia-kontsulta guztiak Sass mixinen bidez daude eskuragarri:
Noizbehinka beste norabidean doazen multimedia kontsultak erabiltzen ditugu (emandako pantailaren tamaina edo txikiagoa ):
Kontuan izan arakatzaileek gaur egun barruti-testuinguruko kontsultak onartzen ez dituztenez, zatiki-zabalera duten aurrizki eta bistaratzeen mugak min-
eta max-
aurrizkiak (baldintza jakin batzuetan gerta daitezkeela, adibidez, ppp handiko gailuetan) konparazio hauetarako zehaztasun handiagoko balioak erabiliz. .
Berriro ere, multimedia kontsulta hauek Sass mixin-en bidez ere eskuragarri daude:
Pantaila-tamainen segmentu bakar batera bideratzeko multimedia-kontsultak eta nahasketak ere badaude eten-puntuaren zabalera minimoa eta maximoa erabiliz.
Multimedia-kontsulta hauek Sass mixin-en bidez ere eskuragarri daude:
Era berean, multimedia-kontsultek eten-puntuen zabalera ugari izan ditzakete:
Pantaila-tamaina-tarte bera bideratzeko Sass nahasketa hau izango litzateke:
Bootstrap-eko hainbat osagaik z-index
CSS propietatea erabiltzen dute, diseinua kontrolatzen laguntzen duena, edukia antolatzeko hirugarren ardatz bat eskainiz. Bootstrap-en z-indizeko eskala lehenetsia erabiltzen dugu, nabigazioa, tresna-aholkuak eta popover-ak, modalak eta abar behar bezala geruzatzeko diseinatuta dagoena.
Balio altuago hauek kopuru arbitrario batean hasten dira, nahikoa altua eta zehatza gatazkak saihesteko. Hauen multzo estandar bat behar dugu gure geruzatutako osagaietan (tresna-aholkuak, popovers, nabigazio-barrak, goitibeherako zerrendak, modalak), portaeretan nahiko koherenteak izan gaitezen. 100
Ez dago arrazoirik + edo + erabili ezin izan 500
genuenik.
Ez dugu balio indibidual horien pertsonalizazioa bultzatzen; bat aldatuz gero, ziurrenik denak aldatu beharko dituzu.
Osagaien barruan gainjartzen diren ertzak kudeatzeko (adibidez, botoiak eta sarrera-taldeetako sarrerak), , , eta lehenetsitako, pasatzeko eta aktiboko egoerarako zifra bakarreko z-index
balio baxuak erabiltzen ditugu. Pasatzean/fokuan/aktibatuta, elementu jakin bat lehen planora ekartzen dugu balio handiagoa duena bere ertza anai-arreben elementuen gainean erakusteko.1
2
3
z-index