Plus duodecim partes reusable aedificatae sunt ut iconographiae, stillicidiis, coetibus inputationibus, navigationibus, summis et multo magis provideant.
Glyphicons
Praesto glyphs
Includes 250 glyphas in forma fontis e Glyphicon Halflings pone. Glyphicons Halflings normaliter gratis praesto non sunt, sed auctor eorum gratuita gratuita pro Bootstrap fecit. Gratias tibi ago, hoc tantum rogamus ut nexum includas ad Glyphicones quoties fieri potest.
glyphicon glyphicon asteriscus
glyphicon glyphicon-plus
glyphicon glyphicon-euro
glyphicon glyphicon-eur
glyphicon glyphicon-minus
glyphicon glyphicon-nubes
glyphicon glyphicon-involucrum
glyphicon glyphicon-plumbum
glyphicon glyphicon vitrum
glyphicon glyphicon-musicum
glyphicon glyphicon-inquisitio
glyphicon glyphicon-cor
glyphicon glyphicon-stella
glyphicon glyphicon-astrum inane
glyphicon glyphicon-user
glyphicon glyphicon-cinematographicum
glyphicon glyphicon-th-magnum
glyphicon glyphicon-th*
glyphicon glyphicon-th-album
glyphicon glyphicon-ok
glyphicon glyphicon-amoveo
glyphicon glyphicon-zoom-in
glyphicon glyphicon-zoom-out
glyphicon glyphicon-off
glyphicon glyphicon-signum
glyphicon glyphicon-cog
glyphicon glyphicon- quisquiliae
glyphicon glyphicon-domus
glyphicon glyphicon-file
glyphicon glyphicon-tempus
glyphicon glyphicon-via
glyphicon glyphicon-download-alt
glyphicon glyphicon-download
glyphicon glyphicon-upload
glyphicon glyphicon-inbox
glyphicon glyphicon-ludo-circulus
glyphicon glyphicon-repeat
glyphicon glyphicon-renovare
glyphicon glyphicon-alt
glyphicon glyphicon-cincinnus
glyphicon glyphicon-vexillum
glyphicon glyphicon-headphones
glyphicon glyphicon-volumen-off
glyphicon glyphicon-volumen-down
glyphicon glyphicon-volumen-up
glyphicon glyphicon-qrcode
glyphicon glyphicon-barcode
glyphicon glyphicon-tag
glyphicon glyphicon-tags
glyphicon glyphicon-libri
glyphicon glyphicon-
glyphicon glyphicon-print
glyphicon glyphicon-camerarium
glyphicon glyphicon-font) ;
glyphicon glyphicon-audax
glyphicon glyphicon-italicum
glyphicon glyphicon-textum altitudo
glyphicon glyphicon-text-latum
glyphicon glyphicon-align-left
glyphicon glyphicon-align-center
glyphicon glyphicon-align-right
glyphicon glyphicon-align-left
glyphicon glyphicon-list
glyphicon glyphicon-indent-left
glyphicon glyphicon-indent-ius
glyphicon glyphicon-facetime-video
glyphicon glyphicon-pictura
glyphicon glyphicon-mappa titulum
glyphicon glyphicon-adjust
glyphicon glyphicon-tint
glyphicon glyphicon-edit
glyphicon glyphicon-participium
glyphicon glyphicon-reprehendo
glyphicon glyphicon-movendum
glyphicon glyphicon-gradum-retrorsum
glyphicon glyphicon celeriter retrorsum
glyphicon glyphicon-retrorsum
glyphicon glyphicon-fabula
glyphicon glyphicon-sedum
glyphicon glyphicon-statur
glyphicon glyphicon exstitit
glyphicon glyphicon ieiunium exstitit
glyphicon glyphicon-gradus
glyphicon glyphicon-ejectum
glyphicon glyphicon-chevron-left
glyphicon glyphicon-chevron-ius
glyphicon glyphicon plus signum
glyphicon glyphicon-minus-signe
glyphicon glyphicon-amove, signum
glyphicon glyphicon-ok-signum
glyphicon glyphicon-quaestio signum
glyphicon glyphicon-info-signe
glyphicon glyphicon-tortor
glyphicon glyphicon-remove-circulus
glyphicon glyphicon-ok-circulus
glyphicon glyphicon-ban-circulus
glyphicon glyphicon-sagitta sinistra
glyphicon glyphicon sagitta dextra
glyphicon glyphicon-sagitta
glyphicon glyphicon-sagitta-down
glyphicon glyphicon-alt
glyphicon glyphicon-resize plena
glyphicon glyphicon-resize-parvum
glyphicon , glyphicon-exclamatio- signum "
glyphicon glyphicon-donum
glyphicon glyphicon-folium
glyphicon glyphicon ignis
glyphicon glyphicon-oculus-aperti
glyphicon glyphicon oculatum
glyphicon glyphicon-monitio-signum
glyphicon glyphicon-planum
glyphicon glyphicon-calendarium
glyphicon glyphicon-passim
glyphicon glyphicon-commentarium
glyphicon glyphicon-magneticum
glyphicon glyphicon-chevron-up
glyphicon glyphicon-chevron-down
glyphicon glyphicon-retweet
glyphicon glyphicon-shop-carro
glyphicon glyphicon-folder-prope
glyphicon glyphicon-folder-apertum
glyphicon glyphicon-resize-vertical
glyphicon glyphicon-resize-horizontalis
glyphicon glyphicon-hdd
glyphicon glyphicon-bulleus
glyphicon glyphicon-bell
glyphicon glyphicon-testificium
glyphicon glyphicon-pollice-sursum
glyphicon glyphicon-pollice-down
glyphicon glyphicon manu dextra
glyphicon glyphicon manu sinistra
glyphicon glyphicon-manu-up
glyphicon glyphicon-manibus-down
glyphicon glyphicon circulus-sagitta dextra
glyphicon glyphicon circulus-sinistrum
glyphicon glyphicon circulus-sagitta
glyphicon glyphicon circulus-sagitta-down
glyphicon glyphicon-globum
glyphicon glyphicon-convellum
glyphicon glyphicon-officium
glyphicon glyphicon-filtrum
glyphicon glyphicon-brevis
glyphicon glyphicon-fullscreen
glyphicon glyphicon-lashboard
glyphicon glyphicon-paperclip
glyphicon glyphicon cor inane
glyphicon glyphicon-link
glyphicon glyphicon-phone
glyphicon glyphicon-shpin
glyphicon glyphicon-usd
glyphicon glyphicon-gbp
glyphicon glyphicon-modi
glyphicon glyphicon-modi-by-alphabetum
glyphicon glyphicon-alphabetum alt
glyphicon glyphicon quale per ordinem
glyphicon glyphicon-modi-per ordinem alt
glyphicon glyphicon quale per attributa
glyphicon glyphicon quale per attributa alt
glyphicon glyphicon-impressum
glyphicon glyphicon-expand
glyphicon glyphicon-colla-down
glyphicon glyphicon-collapse up
glyphicon glyphicon-log-in
glyphicon glyphicon-mico
glyphicon glyphicon-log-e
glyphicon glyphicon-novum-fenestra
glyphicon glyphicon-reale
glyphicon glyphicon-salvum
glyphicon glyphicon-apertum
glyphicon glyphicon-salvum
glyphicon glyphicon-importo
glyphicon glyphicon-exportum
glyphicon glyphicon-mitto
glyphicon glyphicon-floppy orbis
glyphicon glyphicon-floppy salvus
glyphicon glyphicon-floppy-amove
glyphicon glyphicon-floppy, nisi
glyphicon glyphicon-floppy-apertum
glyphicon glyphicon-credit-card
glyphicon glyphicon-translatio
glyphicon glyphicon ferramentum
glyphicon glyphicon-header
glyphicon glyphicon-compressum
glyphicon glyphicon-earphone
glyphicon glyphicon-phone-alt
glyphicon glyphicon-turris
glyphicon glyphicon-stats
glyphicon glyphicon-sd-video
glyphicon glyphicon-hd-video
glyphicon glyphicon-subtitles
glyphicon glyphicon-stereo-sonus
glyphicon glyphicon-dolby
glyphicon glyphicon sonans-5-1
glyphicon glyphicon sonans-6-1
glyphicon glyphicon sonans-7-1
glyphicon glyphicon-copyright-mark
glyphicon glyphicon-adnotatio-mark
glyphicon glyphicon-nube-download
glyphicon glyphicon glyphicon-nubes fasciculi
glyphicon glyphicon arboreum conifer
glyphicon glyphicon-lignum deciduum
glyphicon glyphicon-cd
glyphicon glyphicon-salvum lima
glyphicon glyphicon-pate-file
glyphicon glyphicon-gradu sursum
glyphicon glyphicon-exemplum
glyphicon glyphicon-crustulum
glyphicon glyphicon-vigilium
glyphicon glyphicon-aequatorius
glyphicon glyphicon-rex
glyphicon glyphicon reginae
glyphicon glyphicon arrhabonem
glyphicon glyphicon-episcopus
glyphicon glyphicon eques
glyphicon glyphicon-infanti formulae
glyphicon glyphicon-tentorium
glyphicon glyphicon-tella
glyphicon glyphicon-lecti
glyphicon glyphicon-pomum
glyphicon glyphicon-erasum
glyphicon glyphicon clepsydra
glyphicon glyphicon-lucerna
glyphicon glyphicon-duplicatum
glyphicon glyphicon-porcellum ripam
glyphicon glyphicon forcipe
glyphicon glyphicon-bitcoin
glyphicon glyphicon-btc
glyphicon glyphicon-xbt
glyphicon glyphicon-yen
glyphicon glyphicon-jpy
glyphicon glyphicon-ruble
glyphicon glyphicon-tero
glyphicon glyphicon-scalae
glyphicon glyphicon-glacies lolly
glyphicon glyphicon-glacies lolly gustata
glyphicon glyphicon-education
glyphicon glyphicon-option-horizontalis
glyphicon glyphicon-option-vertical
glyphicon glyphicon-menu assae
glyphicon glyphicon-modalis fenestra
glyphicon glyphicon-oleum
glyphicon glyphicon-granum
glyphicon glyphicon-ocularia
glyphicon glyphicon-textum-amplitudo
glyphicon glyphicon-text-color
glyphicon glyphicon-text-color
glyphicon glyphicon-obiectum color summo
glyphicon glyphicon-obiectum color fundum
glyphicon glyphicon-objectum color-horizontalis
glyphicon glyphicon-obiectum color left
glyphicon glyphicon-obiectum align-vertical
glyphicon glyphicon-obiectum color ius
glyphicon glyphicon triangulum rectum
glyphicon glyphicon-triangula-relictum
glyphicon glyphicon triangulum fundum
glyphicon glyphicon-triangula-top
glyphicon glyphicon-consolatum
glyphicon glyphicon-superscript
glyphicon glyphicon-subscript
glyphicon glyphicon-menu-left
glyphicon glyphicon-menu-ius
glyphicon glyphicon-menu-down
glyphicon glyphicon-menu-up
Quomodo uti
Ad rationes perficiendas, omnes icones classium basim et iconem singularem desiderant. Uti, codice sequenti fere ubique pone. Vide ut spatium inter iconem et textum relinquas ad proprium Nullam.
Noli miscere aliis componentibus
Icon classes directe coniungi cum aliis componentibus non possunt. Eodem elemento cum aliis generibus non adhibeantur. Instead, classes iconum nidos addas <span>et ad applica <span>.
Tantum uti in inanibus elementis
Classes iconum solum adhibendae sunt in elementis quae nullum textum continent nec elementa puerilia habent.
Mutans icon font locus
Bootstrap supponit tabellas fontales icones in ../fonts/indicem, relativum ad CSS imaginum compilatum. Movere vel renamare illas fontium fasciculos significat adaequare CSS in uno ex tribus modis:
Mutare @icon-font-pathet/vel @icon-font-namevariabiles in fonte Files Minus.
Novae versiones technologiarum adiuvativarum contentum generatum CSS nuntiabunt, ac notas specificas Unicode. Ad vitandam ignorantiam et confusionem emissarium in lectorum ductibus (praesertim cum icones pure ad ornatum adhibentur), eas cum aria-hidden="true"attributo occultamus.
Si iconem adhibes ad significationem (potius quam ad elementum decorativum), ut haec significatio etiam ad technologias adiuvandas deferatur - exempli gratia, includere additamentum, visibiliter absconditum cum .sr-onlyclasse.
Si imperium cum nullo alio textu <button>creas (sicut iconem tantum continet), semper alterum contentum praebere debetis ad cognoscendum finem imperii, ita ut sensus technologiarum assistivorum utentibus sentiat. aria-labelIn hoc casu, attributum in ipsa potestate posses addere .
Exempla
In globulis, globulis globulis uti pro instrumentorum communicationis socialis instrumentis, navigationis, vel initibus praeparatis.
Icone adhibita in adtenendo deferat nuntium errorem esse, cum .sr-onlytextu addito qui hoc innuere usoribus technologiarum adiuvantium deferat.
Error:Intra inscriptio electronica valida
Dropdowns
Toggleable, tabula contextualis ad indices nexuum exhibendas. Made interactive with the dropdown JavaScript plugin .
Exemplum
Involve felis tellus felis et in menu dropdown intus .dropdown, vel aliud elementum quod declarat position: relative;. Adde menu's HTML.
Defalta, menu guttatim a summo C% ipso et in sinistro parentis sui latere collocatur. Adde .dropdown-menu-rightad .dropdown-menudextram align menu.
Sit requirere additional positioning
Guttae automatariae per CSS intra normalem fluxum documenti collocantur. Hoc modo stillicidia a parentibus quibusdam overflowproprietatibus decerpi possunt vel ex terminis prospectus apparent. Has quaestiones alloqui pro- prium exsurgunt.
Gratia diei et .pull-rightnoctis precatus
As of v3.1.0, deprecamur .pull-rightin menus tellus. Ad dextram-align a menu, utere .dropdown-menu-right. Dextra-aligned components in navbar versione mixin huius classis utuntur ut menu statim alignant. Ad delendum, utere .dropdown-menu-left.
Capitis
Caput addere sectiones pittacii actionum in quavis dropdown menu.
Coetus series globuli in una linea cum globo globi. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin .
Tooltips & popovers in puga pyga coetus specialis occasus requirere
Cum instrumenta vel popoveri intra in elementis utantur .btn-group, optionem container: 'body'ad vitandum effectus invitos effectus habebis (qualis elementum latius augescit et/vel amittit angulos rotundos cum tooltip vel popover utitur).
Ensure bene roleac praebere pittacium
Ut ad technologias adiuvandas - sicut lectores tegumentum - importet seriem bullarum coagmentatam, congruenti roleattributo providendum est. Circuli globuli, hoc esset role="group", cum instrumenta instrumenta habere debent role="toolbar".
Una exceptio coetus sunt qui unicum imperium continent (verbi gratia globuli globuli iustificati cum <button>elementis) vel guttae.
Praeterea coetus et instrumenta instrumentorum explicatio praebenda sunt, sicut plurimae technologiae adiuvativae eas non annuntiabunt, licet praesentia rectae roleattributionis. In exemplis hic adhibitis utimur aria-label, sed alterum ut aria-labelledbyetiam adhiberi potest.
Basic exemplum
Series bullarum cum .btnin .btn-group.
Button toolbar
Componere rationem <div class="btn-group">in <div class="btn-toolbar">compositionibus magis complexis.
inspectionem
Loco applicandi bullam ad singulas globuli in coetus sestimandas classes, singulis tantum additis .btn-group-*, .btn-groupetiam cum multiplices coetus commorantes.
Nidificans
Pone .btn-groupin alio .btn-group, cum vis guttae menus mixtum cum globulis serie.
Coetum globulis aequas magnitudinibus extende, ut totam parentis sui latitudinem extendas. Etiam in globulis globuli cum stillicidiis globulorum operatur.
tractantem fines
Ob specificae HTML et CSS tesserae iustificandae (nempe display: table-cell) limites inter eas duplicantur. In globulis globulis regularibus globos figere, margin-left: -1pxfines figere loco removere. Tamen marginnon operatur cum display: table-cell. Quam ob rem, prout in tuis csstionibus ad Bootstrapum attinet, fines amovere vel re- colorare volueris.
IE8 finesque
Penitus Rimor 8 non facit fines globulis in globo iustificato, sive est <a>sive in <button>elementis. Ut circumirent, involvere se in alio puga pyga .btn-group.
Si <a>elementa uti globulis - excitato in-pagina functionis usitatae sunt, quam ad aliud documentum vel sectionem intra paginam hodiernam navigantes — opportuna quoque danda sunt role="button".
Cum <button>elementis
Sodalitates bullis iustificatis utaris cum <button>elementis, debes singulas bullas in globulis globulis involvere . Plerique navigatores ad iustificationem elementorum CSS nostrum non recte applicant <button>, sed stillicidiis conjunctionem sustinemus, circa illud operari possumus.
Button dropdowns
Utere puga pyga ut felis a dropdown menu ponendo eam intra a .btn-groupet providendo propria menu markup.
Plugin dependentia
Button dropdown require the dropdown plugin to be included in your version of Bootstrap.
Una button dropdowns
Convertere puga pyga in cum quibusdam fundamentalibus notae mutationibus in dropdown toggle.
Formam moderatur addendo textum vel bullarum ante, post, vel in utraque parte cuiuslibet scripti fundati <input>. Utere .input-groupcum elementis .input-group-addonvel .input-group-btnprependere vel appendere ad unum .form-control.
Textual <input>s solum
Vitare <select>elementa hic utentes sicut in navigatoribus WebKit plene dici non possunt.
Fugiat <textarea>hic elementis uti rowsattributum, in quibusdam non observatur.
Tooltips & popovers in input coetus require specialem occasum
Cum instrumenta vel popovers in elementis intus utens .input-group, optionem tibi container: 'body'dare debebis ut invitis effectus latus vitando (qualis elementum latius crescat et/vel amittat angulos rotundos cum tooltip vel popover utitur).
Noli miscere aliis componentibus
Noli miscere circulos formare vel classes columnae emittere directe cum input circulos. Instead, comdificant input globum intra globi formae vel elementi craticulae relatam.
Semper addere pittacia
Lectores tegumentum laborantes cum formis tuis habebunt si pittacium non pro singulis initus includas. Ad haec initus coetus invigilandum est, ut quivis titulus vel functionis accessio ad technologias adiuvandas deferatur.
Artificium accurata adhibenda (elementa visibilia <label>, <label>elementa latentia utens .sr-onlyclassi, aut usui , ,, vel aria-labelattributi aria-labelledby) aria-describedbyet quae informationis importari opus erit, variabit secundum accuratam rationem instrumenti interfaciendi quam exsequendam es. Exempla in hac sectione pauca suggerunt, casus speciales aditus.titleplaceholder
Basic exemplum
Pone unum addendi supra vel bullam hinc inde initus. Unam etiam partem initus ponere potes.
Multiplices additiones in una parte non sustinemus .input-group-addon..input-group-btn
Multiplices moderationes formarum in uno input coetui non sustinemus.
inspectionem
Addere formam relativam inspectionis classes ad .input-groupse et contenta intus sponte resisa; non opus est repetendi formam moderandi classes in singulis elementis.
Checkboxes et radio adaugeo
Pone aliquem perscriptio seu optionis radiophonicae intra initus sodalitatis addonationem pro textu.
Button adaugeo
Bullae in coetibus inputationis paulum diversae sunt et unum extra gradum nidificandi requirunt. Loco , globulis involvere .input-group-addonuti debes . .input-group-btnHoc requiritur propter stylos navigatri defectus qui overridendi esse non possunt.
Bullae cum dropdowns
Bullae Segmented
Bullae multae
Dum solum per latus unum addendi habere potes, plures globuli intra unam partem habere potes .input-group-btn.
Navs
Naves in Bootstrap praesto notam communicaverunt, incipiens a .navclasse turpi, tum civitatibus communibus. Swap determinatio classes ad commutandum inter se stilum.
Using navs pro tab tabulatis JavaScript tabs plugin requirit
For tabs with tabbable areas, you must use the tabs JavaScript plugin . Signum etiam requiret additamenta roleet attributa ARIA - vide exemplum notae plugin ad singula ulteriora.
Fac navs uti ad navigationem accessibilis
Si navibus uteris ad vecturam navigationis praebere, scito te ad role="navigation"maxime logicum parentis vasi addere <ul>aut <nav>elementum circa totam navigationem involvere. Munus ipsum non addas <ul>, quia hoc impediret quominus technologiae adiuvativae tamquam index actualis nuntiaretur.
Tabs
Classis nota turpissimum genus .nav-tabsrequirit ..nav
Facile fac tabs vel pilulas inversas parentis sui aequas in pluteis quam 768px cum latioribus .nav-justified. In parvis pluteis, nexus navum reclinant.
Nexus navbar navbaris iustificati nunc non praebentur.
Safari et dociles iustificati navs
As of v9.1.2, Safari cimex exhibet in quo navigatro tuo resiendo horizontaliter causas reddens errores in navi iustificato, qui in refrigerio purgantur. Hic cimex etiam in exemplo nav justificato ostenditur .
Navbars meta respondentia sunt elementa quae caput navigationis inserviunt pro applicatione vel situ tuo. Collapsa (et toggleable) in rebus mobilibus incipiunt et horizontales fiunt sicut latitudo prospectus praesto augetur.
Nexus navbar navbaris iustificati nunc non praebentur.
Superfluum content
Cum Bootstrap nesciat quantum spatii contentum in navbaricis tuis necessitatibus incurrere, in quaestiones contenta in alterum ordinem involutum currere potes. Hoc ut solvas, potes;
Absumunt vel latitudinem navbar items.
Occulta quaedam navbar objecta ad certas magnitudinum screen utilia classes responsivas utentes .
Muta punctum ad quod permutationes navbare tuae inter modum collapsum et horizontalem. Variabilis @grid-float-breakpointdomicilii vel instrumentorum propriae interrogationi adde tuam.
JavaScript plugin requirit
Si JavaScript debilis est et satis angustum visum est quod navbar labefactatur, impossibile erit navbarem ampliare et contentum intra inspicere .navbar-collapse.
Responsum navbar postulat ruinam plugin in versione tua Bootstrap includi.
Mutans collapsum mobilem navbar breakpoint
Navbar in visum mobilem verticalem concidit cum prospectus angustior est @grid-float-breakpointet in visum horizontalem non mobilem dilatatur cum saltem @grid-float-breakpointin latitudine prospectus est. Hanc variabilem accommodare in fonte Minus ad moderandum cum navbar concidit/expansus. Valor defectus est 768px(minimum "parvum" vel "tabella" velum).
Fac navbars accessible
Fac uti <nav>elementum vel, si utens elemento magis generico ut a , omnibus navbaris <div>addere ad eam explicite recognoscendam ut regionem termini technologiarum adiuvantium utentes.role="navigation"
Notam imaginem
Repone notam navbar cum tua imagine per permutando textum pro an <img>. Quandoquidem .navbar-brandNullam et altitudinem suam habet, necesse est ut aliquis CSS in imagine tua fretus dominari possit.
Formae
Place forma contenta intra .navbar-formad dam verticalem propriam et mores concidit in prospectu angusto. Gratia diei et noctis utere optionibus ad decernendum ubi in contentus navbare residet.
Ut caput ascendit, .navbar-formmultum cum codice suo .form-inlineper mixin communicat. Nonnullae formae controllatae, sicut input circulos, possunt requirere fixas latitudines ut recte intra navbarum ostendantur.
Mobile fabrica caveats
Sunt quaedam cautiones circa utens formas regiminum in certis elementis in mobilibus machinis. Vide navigatrum subsidium soUicitudo pro details.
Semper addere pittacia
Lectores tegumentum laborantes cum formis tuis habebunt si pittacium non pro singulis initus includas. .sr-onlyAd has inlineas formas, pittacia classium utentes celare potes . Aliae porro sunt methodi praebendi pittacium technologiarum adiuvativarum, uti sunt aria-label, aria-labelledbyseu titleattributum. Si nihil horum adsit, lectores screen utendi placeholderattributo, si adsint, uti possunt, sed note usum placeholdersubstitutionis in aliis methodis tinguendi non monuisse.
Bullae
Classem elementis non residentibus in a ad perpendiculum centrum earum in navbar adde .navbar-btn.<button><form>
Contextus speciales usus
Sicut globulus vexillum classes , in et elementis .navbar-btnadhiberi potest . Sed nec felis vexillum nec in elementis intus utendum est classes .<a><input>.navbar-btn<a>.navbar-nav
Textum
Involve chordas textus in elemento cum .navbar-text, plerumque in <p>tag ad proprium ducens et colorem.
Non-nav nexus
Nam folks vexillum utentes nexus qui non sunt intra componentem navigationis regularem navbarum, .navbar-linkclassi utuntur colores proprios addere pro optionibus defaltis et inversis optionibus navbaribus.
Pars alignment
Conlineare nav nexus, formae, globuli, vel textus, utens .navbar-leftvel .navbar-rightutilitate generum. Utraeque classes CSS natant in directum determinatum adde. Exempli gratia, ut nexus nav pugnent, eas in separato <ul>genere cum respectivo utilitate applicantur.
Hae versiones mixin-edarum sunt .pull-leftet .pull-right, sed ad media quaesita spectantia faciliora tractatio partium navbaricarum trans magnitudinum technicorum tractatio est.
Jus aligning plures components
Navbars aute limitationem cum pluribus .navbar-rightgeneribus habent. Ad spatium proprie contentum, margine negativo utimur in ultimo .navbar-rightelemento. Cum plura elementa eo genere utantur, hae margines pro animo non laborant.
Hoc revisemus cum id componentes in v4.
Fixum top
Adde .navbar-fixed-topet includere a .containervel .container-fluidad centrum et codex navbar content.
Corpus Nullam requiratur
Certa navbarum alia contenta obducet, nisi paddingcacumen addas <body>. Conare valores tuos proprios vel infra snippet utere. Indicium: Per defaltam, navbar 50px altus est.
Fac hoc includere post nucleum Bootstrap CSS.
Fixum fundo
Adde .navbar-fixed-bottomet includere a .containervel .container-fluidad centrum et codex navbar content.
Corpus Nullam requiratur
Certa navbarum alia contenta obducet, nisi paddingad imum addas <body>. Conare valores tuos proprios vel infra snippet utere. Indicium: Per defaltam, navbar 50px altus est.
Fac hoc includere post nucleum Bootstrap CSS.
Static top
Navbare plenam latitudinem fac ut volumina pagina tollant addendo .navbar-static-topet includendo a .containervel .container-fluidad centrum et codex contentus navbar.
Dissimilis in .navbar-fixed-*classes, non opus est ut aliquem Nullam in body.
Inversa navbar
Mutare aspectum navbar addendo .navbar-inverse.
Panis
Indica pagina hodiernae situm intra hierarchiam navigationis.
Separatores automatice additi sunt in CSS per :beforeet content.
Paginationem praebere nexus pro situ tuo vel app cum multi- pagina paginationis componentis, vel simpliciori paginae alternatione .
Default pagination
Simplex paginatio a Rdio inspirata, magna pro apps et proventuum inquisitionum. Obstructionum magnum difficile est ut fallat, facile scalabile sit, et magnas areas strepita praebet.
Pagination component
Pars paginationis <nav>elementum debet involvi ad cognoscendum eam ut sectionem navigationis ad lectores vel ad alia technologias adiuvandas. Praeterea, cum pagina plusquam unam sectionem navigationis iam habere solet (qualis est navigatio prima in capite, vel navigationis sidebarum) descriptionem aria-labelpro eo <nav>quod suum propositum refert, consulere convenit. Exempli gratia, si paginationis pars inter certa eventus investigationis navigare adhibetur, congruens titulus esse potest aria-label="Search results pages".
Debilitatum et active civitatibus
Vincula sunt customizable pro diversis circumstantiis. Utere .disabledad nexus unclickable et .activead paginae paginae indicandum.
Commendamus ut ancoras activas vel debiles permundes <span>, vel ancoras omittas in casu sagittae superioris/nexti, ut strepita officiationis styli intentos retinendo removeas.
inspectionem
Fac maiorem vel minorem paginationem? Add .pagination-lgor .pagination-smfor additional sizes.
Pager
Velox prior et proximus nexus pro instrumentis simplicibus paginationis cum charactere et stilo levi. Est magna pro locis simplicibus sicut diaria vel horrea.
Default example
Defalta, pagina centra nexus.
Nexus varius
Vel, coniungere ad latera utramque potes.
Ad libitum debilitatum statum
Pager nexus etiam generali .disabledutilitate ordinis e paginatione utuntur.
Labels
Exemplum
Exemplum novum petere
Exemplum novum petere
Exemplum novum petere
Exemplum novum petere
Exemplum novum petere
Exemplum novum petere
Praesto variationibus
Quaelibet ex infra memoratis generibus modificantis speciem mutare pittacii adde.
Default Primary Success Info Monitum Danger
Habesne tons pittacorum?
Problemata reddi possunt, cum justos inlineatorum pittacium habes in vase angusto, unumquodque inline-blockelementum suum (sicut icon) continens. Haec via circa occasum est display: inline-block;. For context and an example, see #13219 .
Insignia
Res novas vel illectas facile illustrant, addito <span class="badge">nexus, navs Bootstrap, et plura.
Ad jaculandum latitudinem plenam, et extra angulos rotundos, pone extra omnes .containers et intus adde locum .container.
Page header
Simplex putamen h1ad apte spatium extra et sectiones segmentorum contentorum in pagina. Defaltam elementi uti potest h1, smallac pleraque alia (cum stylis additis).
Exemplum paginae capitis Subtext pro header
Thumbnails
Praetende eget ratio Bootstrap cum componentibus thumbnail ad faciliora grids imaginum, videos, textuum, et plura monstrare.
Si petis Pinterest-similem exhibitionem ailntarum variarum altitudinum et/vel latitudinum, opus est ut plugin tertia factione uti Masonry , Isotope vel Salvattore .
Default example
Defaltam, Bootstrap ailnthubms ordinantur ad showcase imagines nectendas cum signo minimo requisito.
Custom content
Cum aliquantulum extra notam, aliquem HTML contentorum genus addere potest sicut capita, paragraphos, vel tesserae in ailnthubmas.
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id tellus.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id tellus.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id tellus.
Praebere contextuales feedback nuntios pro usuario actuum typicorum cum paucis nuntiis promptorum et flexibilium erectorum.
Exempla
Involve textum quemlibet et bullam libitum dimitte in .alertet unum ex quattuor classibus contextualibus (exempli gratia .alert-success) pro nuntiis fundamentalibus erectis.
Non default classis
Alerts non habent classes defaltae, tantum classes turpes et determinatas. Defalta grisea erecta sensum nimium non reddit, ut typum per contextuale genus requiris. Elige bene, info, monitum, aut periculum.
Bene factum! Feliciter legas nuntium hunc magnum erectum.
Capita! Hoc intentum attentionem tuam indiget, sed non magni momenti est.
Monitum! Melius te ipsum reprehendo, nimium bonum non quaeris.
Oh frangeretur! Pauca mutare et iterum subiicere conantur.
In summis dimissis
Aedificare aliquem erectum addendo ad libitum .alert-dismissibleet propinquum deprimendo.
Oh frangeretur! Pauca mutare et iterum subiicere conantur.
Progressus vectes
Provide up-to-date feedback de progressu operis operis vel actionis cum simplicibus tamen flexibilibus vectibus.
Crucem pasco convenientiam
Progressus vectes utuntur transitus et animationes CSS3 ad aliquos effectus suos consequendos. Haec lineamenta in Penitus Rimor 9 et infra vel antiquas versiones Firefox non sustinentur. Opera XII non alit mattis.
Contenti Securitatis Policy (CSP) convenientiae
Si pagina vestra habet rationem contenti Securitatis (CSP) quod non permittit style-src 'unsafe-inline', tunc inline attributis uti non poteris ad styleprogressum vectis in latitudinem ut in nostris exemplis infra ostendetur. Alternative methodi ad componendas latitudines, quae cum stricto CSPs compatiuntur, includuntur utens parva consuetudo JavaScript (qui ponit element.style.width) vel utens consuetudine CSS classes.
Basic exemplum
Ornare progressus talea.
LX% Complete
Cum pittacium
Tolle <span>cum .sr-onlyclasse ab intra vectem progressum ad visibilis recipis ostende.
60%
Ad curare ut textus titulus etiam pro cento demissis legibilia remaneat, considera additamentum min-widthad vectem progressionis.
0%
2%
Contextual alternatives
Progressus vectibus quibusdam eiusdem globuli et classibus erectis ad stylos constantes utuntur.
XL% Complete (successus)
XX% Complete
LX% Complete (admonitio)
LXXX% Complete (periculum)
Striata
CLIVUS utitur ad effectum striatum creare. Not available in IE9 and below.
XL% Complete (successus)
XX% Complete
LX% Complete (admonitio)
LXXX% Complete (periculum)
Animatum
Adde .activeqnae .progress-bar-stripediurgia dextra laevaque. Not available in IE9 and below.
XLV% Complete
Stacked
Plures in eodem clausuris .progressACERVUS pones eos.
XXXV% Complete (successus)
XX% Complete (admonitio)
X% Complete (periculum)
Media object
Abstract object of styles for building various types of components (sicut blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textal content.
Default media
Defectus instrumentorum communicationis socialis objectum (images, video, audio) ostendit ad laevam vel dextram clausus contenti.
Media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Neded media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Classes .pull-leftet .pull-rightetiam exstant et antea pro parte mediae componentis usi sunt, sed ad eum usum tanquam v3.3.0 deprecantur. Sunt proxime aequivalentes .media-leftac .media-right, nisi quod .media-rightpost in HTML collocari debet .media-body.
Media Gratia diei et noctis
Imagines vel alia media possunt summo, medio, vel fundo aligned. Default summo varius est.
Top media varius
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Medius varius media
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Imo varius media
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Media list
Cum frenum extra markupum, instrumentis intra indicem uti potes (utilis ad commentarium relatorum vel articulorum indices).
Media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Neded media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Neded media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Neded media capite
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
List group
Circuli indices flexibiles et potentes sunt ad explicandum non solum simplices elementorum indices, sed etiam implicatos ad consuetudinarios contentos.
Basic exemplum
Circulus maxime fundamentalis indicem album simpliciter inordinatum cum indice rerum, et in classibus propriis est. Aedificare cum optionibus quae sequuntur, vel tua CSS necessaria.
Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros
Insignia
Insignia componentia ad quodlibet item coetus album adde et sponte a dextra collocabitur.
14Cras justo odio
2Dapibus ac facilisis in
1Morbi leo risus
Coniunctum items
Coniunge indicem numerorum supellex ancoras tags utendo pro indice rerum (id etiam parentis <div>loco significat <ul>). Quisque sodales nulla eget massa elementum suscipit.
Circuli indices tesserae possunt esse pro indice rerum (hoc quoque loco parentis <div>significat <ul>). Quisque sodales nulla eget massa elementum suscipit. Vexillum generum hic non utere ..btn
Debilitatum items
Add .disabledto a .list-group-itemgriseo, ex eo debilis apparere.
Donec non semper est, interdum eget dom in arcu posuere. Pro his adiunctis experire tabellam coniunctam.
Basic exemplum
Defalta omnia .panelfacit applicabilis terminus quidam fundamentalis et color ad aliquod contentum continendum.
Basic panel example
Panel cum capite
Facile adde caput continens cum tabulis tuis .panel-heading. Potes etiam includere aliquem <h1>- <h6>cum .panel-titleclasse ad caput prae- vocatum addere. Sed magnitudines font <h1>- <h6>quae opprimuntur .panel-heading.
Nam colorandi nexus proprius, scito nexus in capitibus intra collocare .panel-title.
Panel sine titulo capite
Panel content
Panel title
Panel content
Panel cum footer
Bullae involvere seu secundarium textum in .panel-footer. Nota quod pedites tabulae colores et terminos non possident cum variationibus contextualibus utentes, in corporis fabrica minime destinantur.
Panel content
Contextual alternatives
Sicut ceterae partes, facile tabellam ad aliquem contextum significantiorem faciunt, additis quibusvis classibus status contextualis.
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Cum tabulis
Adde quodlibet non-praetextatum .tableintra tabulam pro inconsutilis designandi. Si desit .panel-body, addimus terminum extra summum mensae separationis.
Panel capite
Quidam default panel hic contenti sunt. Nulla vitae elit libero, a pharetra augue. Morbi lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id tellus.
#
Praenomen
Cognomen
Username
1
Mark
Otto
@mdo
2
Iacobus
Thornton
@fat
3
Larry
Avis
@twitter
Si corpus defuerit, component a capite ad mensam sine intermissione movetur.
Quidam default panel hic contenti sunt. Nulla vitae elit libero, a pharetra augue. Morbi lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id tellus.
Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros
Responsivum embed
Patitur navigatores ut dimensiones video vel slideshow determinare secundum latitudinem clausus earum continentium, creando rationem intrinsecam quae apte scandet in quamlibet machinam.
Regulae directe applicantur elementis <iframe>, <embed>, <video>, et ; <object>optione utere genere descendentis explicato .embed-responsive-itemcum vis aequare cum aliis attributis.
Pro-Tip! Non opus est tibi includere frameborder="0"sicut <iframe>nos vincimus tibi.
Wells
Default bene
Utere tam effectu simplici in elemento ut effectum fundebat ei dare.
Ecce in puteo sum!
Ad libitum classes
Imperium padding et angulis rotundatis cum duobus generibus libitum determinatio.