Accessus
Disce circa principia, consilia, et artes quibus Bootstrap aedificandi et conservandi usus est, quo facilius te ipsum cognoscere et extendere potes.
Dum paginae initii initium praebent viae introductorium et quid offerat, hoc documentum intendit cur ea quae in Bootstrap agimus. Nostram philosophiam explicat in interreti aedificandi ut alii a nobis discere possint, nobiscum conferant, adiuvant ut meliores fiant.
Vide aliquid quod non recte sonat, aut fortasse melius fieri potuit? Aperi exitus —we'd amare de ea tecum.
Summary
In singula plura indagamus, sed in alta, hic est quod tendit aditus.
- Components debent esse dociles et primi mobilis
- Components edificari debent cum basi classe et per classes determinatas extenso
- Component civitates obediant communi z-index scale
- Quotiens fieri potest, exsecutionem HTML et CSS praeferre super JavaScript
- Quotiens fieri potest, utilitas in stylis consuetis utere
- Quotiens fieri potest, vitare exigentias strictas HTML requisita (liberi selectores)
Responsivum
Bootstrap styli responsivi sunt responsuri, accessus qui 'saepe' primus mobilis dictus est . Hac voce in nostris soUicitudo utimur et cum eo late consentimus, interdum vero nimis lata esse potest. Cum non omnes componentes in Bootstrap plane respondeant oportet , accessus hic responsivus est de reductione CSS vincit, impellendo ad stylos addendi sicut prospectus maior fit.
Trans Bootstrap, hoc in instrumentis nostris quaestionibus clarissime videbis. Pleraque in casibus utimur min-width
quaestionibus quae ad certum fractionem incipiunt adhibere et per abrupta superiora efferre. Verbi gratia, .d-none
ex min-width: 0
infinito. Sed contra, .d-md-none
applicatio est mediae confractionis et sursum.
Aliquando utemur max-width
cum complexionis inhaerentiae componentis id requirit. Aliquando hae regulae officiatorie et mente clariora sunt ad efficiendum et sustentandum quam rescribo nucleum functionis nostrae ex componentibus. Hunc aditum limitare contendimus, sed illo subinde utemur.
Classes
Praeter nostrum Reboot, ordinationem styli transversalis, omnes nostri styli intendunt ut selectores classes utantur. Hoc significat enucleare typum selectorum (exempli gratia input[type="text"]
) et extraneorum generum (exempli gratia .parent .child
) qui stylos nimis specificos faciunt ut facile vincant.
Quales tales, componentes cum basi classium construi debent, quae domos communes, non ut-paribus pretii possessionibus vincuntur. Nam .btn
et .btn-primary
. Utimur .btn
omnibus generibus communibus similibus display
, padding
et border-width
. Utimur igitur adiectivis ut .btn-primary
addendo colorem, background-colorem, fimbriatum, etc.
Classes modifier tantum adhibendae sunt, cum multae proprietates vel valores mutandae sunt per plures variantes. Modificatores non semper sunt necessarii, ut fideles lineas codicis actu salutaris es ac ne supervacuas vincit cum eas creando. Bona exempla deflexionum sunt nostri argumenti colorum genera et magnitudines variantes.
z-index squamae
Duae sunt z-index
squamae in Bootstrap-elementa intra componentes et partes deauratae.
Elementa elementa
- Quaedam elementa in Bootstrap constructa sunt imbricatis elementis ne termini duplicis sine diminutione
border
possessionum. Exempli gratia: globuli coetus, initus coetus, paginatio. - Haec componentia vexillum per
z-index
scalam communicant .0
3
0
est defalta ,1
est:hover
,2
est:active
/.active
,3
est:focus
.- Aditus nostrae exspectationi summae usoris prioritati congruit. Si elementum intenditur, intuitu et attentione utentis usoris. Activa elementa sunt secunda summa, quia statum significant. Tertium hover summum est, quod inten- tionem indicat, sed fere ferebatur aliquid .
Deaurabis components
Bootstrap plura comprehendit elementa quae munus quoddam sicut laminis cuiusdam. Hoc includit in ordine z-index
supremorum, guttae, fixae et viscosae navbarum, modalium, instrumentorum, popoverorum. Haec elementa habent suam z-index
scalam quae ab initio incipit 1000
. Hic numerus incipiens ad libitum electus est et quasi parvum quiddam inter stylos nostros et stylos instituti tui.
Unaquaeque pars ipsarum suum z-index
valorem leviter auget ita ut communi UI principia permittant utentis elementa feruntur vel volentur ut in conspectu semper maneant. Exempli causa, modalis documentum est interclusio (exempli gratia, aliam actionem capere non potes nisi ad actionem modalem), sic id supra navbaros nostros ponimus.
Plura de hoc disce in z-index
pagina nostra layout .
HTML et CSS super JS
Quotiens fieri potest, HTML et CSS scribere in JavaScript. In genere, HTML et CSS sunt fecundiores et perviae ad plures gradus omnium experientiae. HTML et CSS etiam velociores sunt in navigatro tuo quam JavaScript, et navigatrum tuum plerumque praebet tibi magnas functiones.
Hoc principium est nostrum primae classis JavaScript API utens data
attributis. Non debes scribere fere JavaScript ut utamur nostris JavaScript plugins; pro scribe HTML. Read more about this in our JavaScript overview page .
Postremo styli nostri super fundamentalibus moribus textuum communium elementorum aedificant. Quotiens fieri potest, id quod pasco praebet uti malimus. Exempli gratia, .btn
genus fere in quovis elemento ponere potes, sed pleraque elementa nullum valorem semanticum vel functionem navigandi praebent. <button>
Ita pro s et s utimur <a>
.
Idem valet de pluribus complexionibus. Dum nostram formam sanationem plugin scribere potuimus addere classes ad elementum parentis in statu initus fundatum, permittens nos textum rubicundum stylum dicere, nos potius utendo :valid
/ :invalid
pseudo-elementa omne navigatrum nobis praebet.
Utilitas
Utilitas classes - olim adiutores in Bootstrap 3 - socii potentes sunt in pugnando CSS bloat et pagina pauperum effectus. Utilitas classis proprie est unica, immutabilis proprietas, valor connubii expressus ut genus (exempli gratia .d-block
repraesentat display: block;
). Earum appellatio prima est celeritas usus in scribendo HTML et limitando quantitatem consuetudinis CSS scribendo tibi.
In specie de consuetudine CSS, utilitas potest pugnare augere magnitudinem fasciculi, reducendo binas possessiones-valores plerumque iteratas in singulas classes. Hoc potest habere effectum dramaticum in scalis in inceptis tuis.
Flexibile HTML
Dum non semper fieri potest, nitimur ne nimium dogmaticum in nostris HTML requisitis pro componentibus vitare. Ita singulas classes in nostris selectoribus CSS intendunt et selectores filios immediatos vitare conamur ( >
). Hoc magis tibi dat flexibilitatem in exsequendo et adiuvando ut CSS nostrum simplicius et minus specificum custodiat.
Codicis conventiones
Codicis Guide (ex Bootstrap co-creator, @mdo) documenta quomodo scribimus nostra HTML et CSS trans Bootstrap. Praecipuas normas definit pro formatura generali, sensu communi defaltis, proprietatem et ordines attributi, et plura.
Ad haec signa urgenda utimur Stylelint et plura in nostris Sass/CSS. Consuetudo nostra Stylelint config aperta est fons et promptus aliis uti et extendere.
Utimur vnius urnae ad exigendum vexillum et semanticum HTML, necnon errores communes detegendo.