Source

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 postulandas (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-widthquaestionibus quae ad certum fractionem incipiunt adhibere et per abrupta superiora efferre. Verbi gratia, .d-noneex min-width: 0infinito. Sed contra, .d-md-noneapplicatio est mediae confractionis et sursum.

Aliquando utemur max-widthcum 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 .btnet .btn-primary. Utimur .btnomnibus generibus communibus similibus display, paddinget border-width. Utimur igitur adiectivis ut .btn-primaryaddendo 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-indexsquamae in Bootstrap-elementa intra componentes et partes deauratae.

Elementa elementa

  • Quaedam elementa in Bootstrap constructa sunt imbricatis elementis ne termini duplicis sine diminutione borderpossessionum. Exempli gratia: globuli coetus, initus coetus, paginatio.
  • Haec componentia vexillum per z-indexscalam communicant .03
  • 0est , est , 1est :hover, 2est :active/ .active, 3est :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 membra quae munus quoddam sicut laminis cuiusdam. Hoc includit in ordine z-indexsupremorum, guttae, fixae et viscosae navbarum, modalium, instrumentorum, popoverorum. Haec elementa habent suam z-indexscalam quae ab initio incipit 1000. Hic numerus incipiens temere est et quasi parvum quiddam inter stilos nostros et morem stylorum propositi tui.

Quaelibet pars ipsarum eam z-indexleviter valorem auget ita ut communium UI principiorum elementa usorum usorum vel volari permittant 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-indexpagina 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 velociores sunt in navigatro tuo quam JavaScript, et navigatrum tuum generale plurimum tibi praebet functionis.

Hoc principium est nostrum primae classis JavaScript API dataattributa est. 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, .btngenus 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/ :invalidpseudo-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-blockrepraesentat 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 conantur ( ~). Hoc magis tibi dat flexibilitatem in exsequendo et adiuvando ut CSS nostrum simplicius et minus specificum custodiat.