Download

Bootstrap (currente v3.4.1) paucas vias faciles habet ut cito incipias, unumquemque appellans alium gradum arte et casu utere. Perlege videre quid maxime egeat.

jsDelivr

Populares apud jsDelivr gratiose auxilium praebent CDN pro CSS Bootstrap et JavaScript. Modo utere his jsDelivr nexus.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

Install cum Bower

Potes etiam installare et administrare Bootstrap's Minus, CSS, JavaScript, et fontes utens Bower :

bower install bootstrap

Install cum npm

Potes etiam Bootstrap install uti npm :

npm install bootstrap@3

require('bootstrap')onerant omnes Bootstrap's jQuery plugins onto the jQuery object. Modulus bootstrapipse nihil exportat. Potes manually onerare Bootstrap's jQuery plugins singillatim onerando tabellas /js/*.jssub sarcina summo-gradu presul.

Bootstrap scriptor package.jsoncontinet metadata aliqua addita sub his clavibus:

• less- iter ad Bootstrap principale Minus fons file
• style- iter ad Bootstrap's non-minified css quod est precompiled per default occasus (non customization)

Install cum Composer

Potes etiam instituere et administrare Bootstrap's Minus, CSS, JavaScript, et fonts utens Composer :

composer require twbs/bootstrap

Autoprefixer requisiti Minus/Sass

Bootstrap utitur Autoprefixer ad agendum cum praefixis CSS venditoris . Si Bootstrap componas ex suo Minus/Sass fonte et nostro Gruntfile non utendo, Autopraefixum opus erit in processu tuo aedificandi. Si Bootstrap precompiled vel utendo nostro Gruntfile, non debes de hoc solliciti esse quod Autoprefixer in Gruntfile iam insertus est.

Quid includitur?

Bootstrap in duabus formis receptabilis est, intra quas sequentia directoria et fascicula invenies, communes facultates logice aggregans et varias variationes tam compositas quam minutas praebens.

Precompiled Bootstrap

Cum receptae sunt, unzip compressum folder ut structuram (compositam) Bootstrap videre. Aliquid sic videbis;

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Haec est forma fundamentalis Bootstrap: praecompiled lima pro velox gutta-in usu in re aliqua fere interretiali. Composuit CSS et JS ( bootstrap.*) necnon CSS et JS ( bootstrap.min.*). CSS source map ( bootstrap.*.map) usui praesto sunt instrumentis elit cum quibusdam instrumentis navigatoriis. Fontes e Glyphicone comprehenduntur, ut est thema ad libitum Bootstrap.

Bootstrap source code

In fonte codice Bootstrap download precompiled CSS, JavaScript, et font bona, una cum fonte Minus, JavaScript, et documenta includit. Specialius includit sequentia et plura;

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

The less/, js/and fonts/the source code for our CSS, JS, and icon fonts (respectively). Folder comprehendit omnia quae dist/supra in sectione electronica precompilata sunt. docs/Folder involvit fontem codicem documentis nostrae et usui examples/Bootstrap. Praeter hoc, quaelibet alia fasciculus inclusus subsidium fasciculorum, licentiae informationis et progressionis praebet.

Componendis CSS et JavaScript

Bootstrap Grunt utitur ad systema aedificandum, rationibus opportunis ad operandum cum compage. Quomodo codicem nostrum compigimus, probationes currite, et plura.

installing Grunt

Ad Grunt installare, primum debes detrahere et nodi instituere.js (in quo npm includit). npm significat pro modulis nodi fasciculis factis et est via ad progressionem dependentiarum per node.js regendas.

1. grunt-cliCum globally install npm install -g grunt-cli.
2. Navigare ad /bootstrap/directorium radicis, deinde currere npm install. npm tabellam spectabit package.jsonet automatice necessarias clientelas locales ibi enumeratas instituet.

Cum perfeceris, poteris varia ingere iussa currere ex mandato versus.

Praesto Grunt imperium

grunt dist(Just ordinare CSS et JavaScript)

Regenerat /dist/directorium cum limatis compilatis et diminutis CSS et JavaScript. Ut usor Bootstrap, hoc est praeceptum quod vis solet.

grunt watch(Watch)

Minus fontem imaginum observat et sponte eos ad CSS componit quotiens mutationem servas.

grunt test(Run probat)

JSHint fugit et QUnit probat in navigatoribus realibus gratias Karma currit .

grunt docs(Aedificare & probare soUicitudo bonorum)

Aedificat et probat CSS, JavaScript, et alia bona quae adhibentur cum currit documenta localiter via bundle exec jekyll serve.

grunt(Aedifica absolute omnia et currunt probat)

Compilat et minuit CSS et JavaScript, documenta aedificat, HTML5 validator contra soUicitudo decurrit, res Customizer regenerat et plus. Requirit Jekyll . Plerumque solum necessarium est si in ipso Bootstrap caesim es.

Troubleshooting

Si difficultates amittas cum dependentiis insertis vel currentibus Praeceptis Grunt, primum /node_modules/indicem ab npm genitum dele. Tum rerum npm install.

Basic template

Incipe cum hac basic HTML template, vel haec exempla mutare . Speramus fore ut exempla et exempla nostra mosizes, ea accommodans ad usus necessarios tuos.

HTML infra effingo ut opus incipias cum minimo Bootstrap documento.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  </body>
</html>

Exempla

Aedificare in basic template supra cum Bootstrap multa membra. Hortamur te ut Bootstrap mos et aptare ut tuis cuiusque consilii necessitatibus conveniat.

Get the source code for every example below by downloading the Bootstrap repositorium . Exempla reperiuntur in docs/examples/indice.

Utens compage

Starter template

Nihil nisi basics: compilata CSS et JavaScript una cum vase.

Bootstrap theme

Onerare thema libitum Bootstrap pro experientia uisum aucta.

Grids

Multa exempla euismod layout cum omnibus quattuor gradibus, nidificans, et plura.

Jumbotron

Circum constitue jumbotron cum navbare et quibusdam columnis fundamentalibus eget.

Angusta jumbotron

Plus consuetudinis paginam construe concludendo defaltam continens et jumbotron.

Navbars agendo

Navbar

Super praecipuas formas, quae navbarum includit cum contento aliquo addito.

Static top navbar

Super basic template cum static top navbar una cum nonnullis additis contentus.

Certum navbar

Super basic template cum fixum top navbar una cum nonnullis additis contentus.

Custom components

Cover

Formulae unius paginae ad simplices et pulchras paginas aedificandas.

Carousel

Mos navbari et carousel, adde nova quaedam elementa.

Blog

Simplex duo columnae blog layout est cum consuetudine navigationis, capitis, et speciei.

Dashboard

Basic structura pro ashboardday admin cum sidebar et navbar fixum.

Adscribe in pagina

Consuetudo formet layout et consilium pro signo simplici in forma.

iustificatum nav

Facere consuetudinem navbar cum iustificatis nexus. Capita! Non etiam Safari amica.

Pellentesque footer

Pedem affigere ad imum prospectus, cum res brevior est quam illa.

Pellentesque footer cum navbar

Affigere footer ad imum prospectus cum certo navbare in summo.

Experimenta

Non responsive Bootstrap

Facile disable docibilem Bootstrap per nostras soUicitudos .

Off-canvas

Fac toggleable extemporalitatem carbasae navigationis ad usum cum Bootstrap.

Tools

Bootlint

Bootlint est instrumentum linterarii officialis Bootstrap HTML. Automatice aliquot errata communia HTML in paginis interretialibus coercet quae Bootstrap in modo satis "vanillae" utuntur. Vanilla Bootstrap partes/magationes suas partes domnae requirent ut quibusdam structuris conformetur. Bootlint compescit instantias componentium Bootstrap recte HTML constructa habere. Considera Bootlint addere ad instrumentum evolutionis telae tuae Bootstrap, ut nulla communis errata retardet tui progressionis propositi.

Communitas

Hodie in Bootstrap evolutione subsiste et cum his utilibus facultatibus communitatem porrige.

• Legere et subscribe to Officiali Bootstrap Blog .
• Loqui cum sociis Bootstrapers utens IRC in irc.freenode.netservo, in canali ## bootstrap .
• Auxilio utens Bootstrap, quaere in StackOverflow utens tagtwitter-bootstrap-3 .
• Developers clavibus fasciculis uti debet, bootstrapquae ad functionem Bootstrap modificandam vel augendam, cum per npm vel similes machinas traditionis ad maximam inventionem distribuendam, debet.
• Reperio exempla inspirando apud Bootstrap apud Bootstrap in Expo .

Potes etiam sequi @getbootstrap in Twitter pro recentissimis confabulationibus et musicis terribilis.

inactivare alacritate

Bootstrap automatice paginas tuas pro variis magnitudinibus screen adaptat. Ecce quam ut disable hanc plumam sic pagina tua operatur sicut hoc exemplum non-responsivum .

Ad disable pagina alacritate

1. Omitte viewport <meta>de quo in CSS soUicitudo
2. Vincit in widthsingulis .containereget terno una latitudo, exempli gratia width: 970px !important;Scias hoc evenire post defaltam Bootstrap CSS. Optime vitare potes !importantcum quaestionibus instrumentis vel in aliquo selectore-fu.
3. Si utens navbaribus, omnem navbarum labentem et dilatantem mores remove.
4. Nam eget arcu at, .col-xs-*varius nisi vel, posuere magna. Ne cures, extra-parva fabrica squamarum craticularum ad omnes resolutiones.

Responsorium adhuc opus erit pro IE8 (quoniam in instrumentis nostris quaestionibus adhuc ibi sunt et opus procedendum est). Hoc disables rationes "mobilis" Bootstrap.

Bootstrap template cum alacritate debilitatum

Hos gradus ad exemplum applicavimus. Lege eius fontem codicem ut videres mutationes certas perficiendas.

View non-exemplum responsive

Pasco et fabrica auxilium

Bootstrap aedificatur ad operandum optimum in ultimis escritorio et in navigatoribus mobilibus, id est antiquiores navigatores aliter appellatos, licet plene functiones, certas quasdam compositiones exhibere.

Supported browsers

Speciatim sustinemus recentissimas versiones sequentium navigatrum et suggestuum.

Alternative navigatores qui recentissima versione WebKit, Blink vel Gecko utuntur, sive directe sive per visum API per telae suggesti, expresse non sustinentur. Nihilominus, Bootstrap (in pluribus casibus) recte in his quoque navigatoribus proponere et operari debet. Accuratius subsidii informationes infra provisae sunt.

Mobilis cogitationes

Generaliter Bootstrap sustinet recentissimas versiones cuiusque tribunalis maioris default navigatoris. Nota quod procuratores navigatores (ut Opera Mini, Opera Turbo mobiles modo, UC Mini navigator, sericum Amazonum) non praebentur.

Desktop browsers

Similiter recentissimae versiones maxime navigantium escritorio fulciuntur.

In Windows sustinemus Penitus Rimor 8-11 .

Firefox enim, praeter recentem emissionem stabilis normalem, etiam recentissimam missionem extensam Support (ESR) versionem Firefox sustinemus.

Inofficiose, Bootstrap in Chromium et Chrome pro Linux, Firefox pro Linux, et Penitus Rimor 7, et Microsoft Edge satis inspicere et bene gerere debent, quamquam publice non sustinentur.

Pro indice aliquorum cimicum navigatoris qui Bootstrap obluctare habet, vide Murum nostrum bugs navigantium .

Penitus Rimor 8 et 9

Penitus Rimor 8 et 9 fulciuntur, tamen, quaeso, scias aliquas proprietates CSS3 et HTML5 elementa non plene ab his navigatoribus sustentari. Praeterea, Penitus Rimor 8 usum Respond.js requirit ut media quaestionis subsidia efficiat.

Visita possum uti... pro singulis in navigatro auxilio linearum CSS3 et HTML5 notarum.

Penitus Rimor 8 et Respond.js

Caveat a sequentibus caveatis cum Responsoriis utens in evolutione et productione ambitus Internet Explorer 8 .

Respond.js et crucem-domain CSS

Usura Respond.js cum CSS hosted in alia dominio (exempli gratia, in CDN) requirit aliquas additos paro. Vide in Responsoria soUicitudo ad singula.

Respond.js andfile://

Ob regulas securitatis navigandi, Respond.js paginas per file://protocollum spectatas non laborat (sicut cum tabella locali HTML aperiens). Ad probationes responsivas in IE8, paginas tuas in HTTP(S). Vide in Responsoria soUicitudo ad singula.

Respond.js and@import

Respond.js non operatur cum CSS quod est referenced via @import. Praesertim nonnullae configurationes Drupal usui notae sunt @import. Vide in Responsoria soUicitudo ad singula.

Penitus Rimor 8 and box-sizing

IE8 non plene confert box-sizing: border-box;coniunctam cum min-width, max-width, min-height, vel max-height. Ideo, ut v3.0.1, iam non utimur max-widthin .containers.

Penitus Rimor 8 et @font-face

IE8 has some issues with @font-facewhen combined with :before. Bootstrap ea compositione utitur cum suo Glyphicone. Si pagina conditivo est, et sine mure per fenestram onusta (id est conjunctionem reficiendi vel oneris aliquid in iframe ferire) tunc pagina ante onus fontium reddita accipit. Super pagina volitans aliquas icones ostendet et super reliquas icones volitans etiam illas ostendet. See issue #13863 for details.

IE modos compatibilitas

Bootstrap non valet in modis compatibilitatis veteris Internet Explorer. Profecto uteris novissimam reddendi modum pro IE, considera congruentem <meta>tag in paginis tuis:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Confirma modum documenti aperiendo instrumenta debugging: torcular F12et cohibe "Documentum Modus".

Hoc tag in omnibus documentis et exemplis Bootstrap comprehenditur ut optimam reddendam possibilitatem curet in unaquaque versione Internet Explorer suffulta.

Vide hanc quaestionem StackOverflow pro maiori notitia.

Penitus Rimor 10 in Windows 8 et in Fenestra Phone 8

Penitus Rimor 10 fabricam latitudinem a latitudine prospectus non differt , ideoque instrumentis quaestionibus in Bootstrap CSS proprie non applicatur. Communiter mox addere velis velox PRAECISIO CSS ut hoc figere:

@-ms-viewport       { width: device-width; }

Nihilominus hoc non operatur ad machinas decurrentes Fenestra Phone 8 versiones antiquiores quam Update 3 (aka GDR3) , quia tales cogitationes praebet ut maxime visum escritorio loco angustae "phone" visum ostendant. Ad hoc compellare, debes includere sequentia CSS et JavaScript ad operandum circa bug .

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

// Copyright 2014-2019 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/v3-dev/LICENSE)
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement('style')
  msViewportStyle.appendChild(
    document.createTextNode(
      '@-ms-viewport{width:auto!important}'
    )
  )
  document.querySelector('head').appendChild(msViewportStyle)
}

Pro magis notitia et usus guidelines, Windows Phone 8 et Fabrica Latitudo legebant .

Hoc in omnibus documentis et exemplis tamquam demonstrationem obiecto includimus.

Safari percent flectendis promunturiis

Machinam versionum Safari ante v7.1 reddendam pro OS X et Safari pro iOS v8.0 nonnullam molestiam habuerunt cum numero locorum decimalium in nostris .col-*-1classibus eget. Si igitur singulas XII columnas haberes, animadverteres brevissimas accessiones ad alios ordines columnarum comparari. Praeter upgrading Safari/iOS, habes optiones aliquas pro workarounds:

• Adde .pull-rightad ultimam tuam columnam euismod ut alignment duro-recte
• Tweak your percentages manually ad perfectum rotundum pro Safari (difficilius quam prima optio)

Modales, navbares, et Claviaturae virtualis

Redundant et scrolling

Firmamentum elementum overflow: hiddenin <body>iOS et Android satis limitatum est. Ad illum finem, cum summum vel imum modalis in alterutro navigantium illorum machinis librum transieris, <body>contentum volumen incipiet. See Chrome bug #175502 (fixed in Chrome v40) and WebKit bug #153852 .

iOS text campis et scrolling

Sicut iOS 9.3, dum modalis apertus est, si initialis tactus libri gestus intra fines textualis <input>vel a <textarea>est, <body>contentum infra modalem loco ipsius modalis inscribetur. See WebKit bug #153856 .

Claviaturae lorem ipsum

Etiam notandum est, si certa navbare uteris vel inputibus intra modalem uteris, iOS cimex reddens, qui positionem certorum elementorum non renovat cum claviaturae virtualis utitur. A nonnullis operariis pro hoc includunt elementa commutandi position: absolutevel timentis in umbilico invocare ut manually positiones corrigere conetur. Hoc per Bootstrap non tractatur, ad te ergo pertinet uter solutioni tuae expediat applicatio.

Navbar Dropdowns

Elementum in .dropdown-backdropiOS in nav propter implicationem z-indexing non adhibetur. Sic, ut in navbaribus stillicidia clauderetur, elementum guttatim (vel quodlibet aliud elementum quod strepita eventum in iOS accendet ) debet.

Pasco zooming

Pagina zooming inevitabiliter praebet artificia in quibusdam componentibus, tam in Bootstrap quam in reliquis interreti reddens. Secundum eventum, illud reficere poterimus (primum quaerere et deinde, si opus sit, exitum aperire). Sed haec ignorare solemus cum saepe nullam haberemus solutionem directam praeter iocantes operis.

Pellentesque :hover/ :focusin mobili

Etiamsi vera volatilis maxime touchscreens possibilia non potest, maxime navigatores mobilis aemulantur volitantes auxilium et faciunt:hover "lentum" faciunt. Aliis verbis, :hoverstyli incipiunt applicando post percussionem elementi et tantum desinunt applicare post usoris sonum aliquod aliud elementum. Hoc potest causare status Bootstrap :hoverut inconveniens "adhæsit" in talibus navigatoribus fieri. Nonnulli etiam navigatores mobiles :focussimiliter viscosi faciunt. Nulla nunc simplex labor in his rebus praeterquam tales stylos omnino removens.

Typographia

Etiam in nonnullis hodiernis navigatoribus, quirky typographica esse potest.

Praesertim, ut Chrome v32 et ad occasus margines neglegens, Chrome specula latitudinis signanter angustiore utitur quam magnitudo corporis chartacea, cum quaestionibus instrumentorum solvendis dum paginas interretis excudendi sunt. Hoc sequitur in Bootstrap scriptor extra parva eget inopinate operatur cum excudendi. See issue #12078 and Chrome bug #273306 for some details. Suggessit workarounds:

• Extra parvam malesuada euismod amplectere et paginam tuam sub illa acceptabilem fac.
• Valores @screen-*minorum variabilium consuescere ut charta typographi tui maior quam extra-parva habeatur.
• Consuetudo instrumentorum communicationis socialis quaesita addere debet mutare fracturae mensurae malesuada euismod pro instrumentis impressis tantum.

Etiam, cum Safari v8.0, fixum-latum .containers facere potest Safari utendi fontis magnitudinum solitae magnitudine cum excudendi. See #14868 and WebKit bug #138192 for more details. Una potentiale habemus cui hoc addit quod sequitur CSS:

@media print {
  .container {
    width: auto;
  }
}

Android stirpe pasco

Ex archa, Android 4.1 (et etiam nonnulla recentiora videntur emissiones) navem cum app navigatro sicut default interretiali navigatoris electionis (ut Chrome opponitur). Infeliciter, app navigatrum habet multas bugs et repugnantias cum CSS in genere.

Lego menus

In <select>elementis, navigatrum stirpis MASCULI non ostendet latus imperium si adsit border-radiuset/vel borderapplicatur. (Vide hanc quaestionem pro singulis StackOverflow.) Praecisa codicis infra utere ut offensionem CSS removeat et <select>ut elementum patens in navigatro MASCULINUS stirpem reddas. Usor agens olfaciendi impedimentum cum navigatoribus Chrome, Safari et Mozilla vitat.

<script>
$(function () {
  var nua = navigator.userAgent
  var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
  if (isAndroid) {
    $('select.form-control').removeClass('form-control').css('width', '100%')
  }
})
</script>

Vis videre exemplum? Reprehendo sicco hoc JS Bin demo.

Validators

Ut experientiam optimam praebeat ad navigatores veteres et buggy, Bootstrap utitur CSS navigatoris autocineti in pluribus locis ut speciales CSS ad certas navigatores versiones oppugnandas ut circa cimices in ipsis navigatoribus laborant. Hae hacks comprehendi possunt CSS validatores querendi se invalidos esse. In duobus locis etiam ora cruentis CSS notis utimur quae nondum plene normae sunt, sed hae pure ad amplificationem progressivam adhibentur.

Hae admonitiones sanatio in praxi non refert, quia non-cavescens portio nostrae CSS plene convalescit et partes iocales non impediunt propriam operationem portionis non-hackyae, quapropter de industria has admonitiones particulares neglegimus.

Nostri HTML docs similiter habent admonitiones aliquas frivolas et inconsequentiales HTML validation debitae inclusio operis operis pro quodam Firefox bug .

Tertia pars firmamentum

Dum nullam tertiam partem plugins vel additiones publice sustinemus, aliquod utile consilium praebemus ad auxilium vitandum quaestiones potentiales in inceptis tuis.

Arca-sizing

Pars tertia programmatis, inter Google Maps et Google Custom Search Engine, conflictus cum Bootstrap debet * { box-sizing: border-box; }, regula quae ita paddingfacit ut finalem latitudinem computati elementi non afficit. Disce plus de archa exemplari et inspectione in CSS Furta .

Prout in contextu, fortasse superare quasi opus (Option 1) vel capsulam ampliationem pro integris regionibus retexere (Option 2).

/* Box-sizing resets
 *
 * Reset individual elements or override regions to avoid conflicts due to
 * global box model settings of Bootstrap. Two options, individual overrides and
 * region resets, are available as plain CSS and uncompiled Less formats.
 */

/* Option 1A: Override a single element's box model via CSS */
.element {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Option 1B: Override a single element's box model by using a Bootstrap Less mixin */
.element {
  .box-sizing(content-box);
}

/* Option 2A: Reset an entire region via CSS */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Option 2B: Reset an entire region with a custom Less mixin */
.reset-box-sizing {
  &,
  *,
  *:before,
  *:after {
    .box-sizing(content-box);
  }
}
.element {
  .reset-box-sizing();
}

Accessibility

Bootstrap signa interretialia communia sequitur et - minimis extra conatum - adhiberi possunt ad loca creandos quae pervia AT utentibus sunt .

Skip navigation

Si navigatio tua multos nexus continet et praecedit summa contentum in DOM, adde Skip to main contentnexum ante navigationem (pro simplici explanatione, vide hunc A11Y Project articulum in skip navigationis nexus ). Classis .sr-onlyutens uisum nexum oculi abscondet, et .sr-only-focusablegenus faciet ut nexus semel intentus (pro claviaturis perspicacioribus utentibus) pateat.

<body>
  <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  ...
  <div class="container" id="content" tabindex="-1">
    <!-- The main page content -->
  </div>
</body>

Nidificarunt capita

Cum capita commorantes ( <h1>- <h6>) documentum primarium tuum caput esse debet <h1>. Sequentia capita logicam usum adhibeant <h2>ut <h6>lectores velum tabulam contentorum pro paginis tuis construere possint.

Plus discere in HTML CodeSniffer et AccessAbility rei publicae Penn .

Color antithesis

In statu, nonnulla de iunctionibus colorum defectuum in Bootstrap (qualia sunt variae conjunctionis dictae classes, quaedam e codice illustrandis coloribus adhibitis pro stipitibus fundamentalibus , in background adiutorii .bg-primary contextualis classium, et in color defalta nexus cum in albo background usus est) humilem proportionem habere (infra proportio 4.5:1 commendatur ). Hoc potest causare problems utentes humili visione vel colore caecorum. Hi defectus colores mutari possunt ad eorum discrepantiam ac legibilitatem augendam.

Additional opibus

• "HTML Codesniffer" bookmarklet ad cognoscendas accessibilitatem proventus
• Chrome's Accessibility Developer Tools extension
• Color Contra Analyzer
• A11Y Project
• MDN accessibility documenta

Licentia FAQs

Bootstrap sub MIT licentia dimittitur et Copyright 2019 Twitter est. Decoctum ad minimas res, cum sequentibus conditionibus describi potest.

Quaerit te;

• Serva licentiam ac noticiam librariae inclusam in CSS Bootstrap et JavaScript lima cum illis in operibus tuis uteris

Permittit tibi;

• Libere excipe et utere Bootstrap, ex toto vel ex parte, pro personalibus, privatis, societatibus internis, vel negotiis mercatoriis
• Utere Bootstrap in fasciculis seu distributionibus quae creata sunt
• Fons mutare codice
• Concede sublicentiam Bootstrap temperandi et distribuendi ad partes tertias in licentia non comprehensa

Prohibet te;

• Habent auctores et licentia dominis obligata de dampnis sicut Bootstrap cautum est sine warantia
• Habere creatores vel Copyright possessores Bootstrap tenebitur
• Redistribuere aliqua pars Bootstrap sine propria attributione
• Utere notis quibuslibet per Twitter possessis quovis modo, quod enuntiare vel importare Twitter probet distributionem tuam
• Utere notis quibuslibet a Twitter possessis quovis modo enuntiare vel importare te programmatum Twitter in quaestione creasse

Non te requirat;

• Fontem ipsum Bootstrap includere, vel cuiuscumque modificationum quas ad illud facere potes, in discrimen aliquod convenire potes quod comprehendat.
• Submittere mutationes quas facere ad Bootstrap ad propositum Bootstrap (etsi talis feedback fovetur)

Plena licentia Bootstrap sita est in promptuario pro maiori notitia exertus .

Translations

Socii communitatis documenta Bootstrap in varias linguas interpretati sunt. Nulli publice faventur et non semper moderni sunt.

• Bootstrap (Chinese)
• Bootstrap på Dansk (Danish)
• Bootstrap en Français (French)
• Bootstrap auf Deutsch (German)
• Bootstrap in Italiano (Italian)
• Bootstrap (Coreanica)
• Bootstrap em Português do Brasil (Brasilia Portuguese)
• Bootstrap по-русски (Russian)
• Bootstrap en Español (Hispanica)
• Türkçe Bootstrap (Turcica)
• Bootstrap українською (Ucrainae)
• Bootstrap bằng tiếng Việt (Vietnamese)

Non adiuvamus translationes hospites aut ordinare, modo cum illis coniungimus.

Novam vel meliorem translationem complevit? Petitionem viverra aperi ut eam in nostro indice addas.