Download

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

Bootstrap

Composuit et minitavit CSS, JavaScript, et fontes. Nullae soUicitudo vel primigenii fasciculi includuntur.

Download Bootstrap

Source codice

Source Less, JavaScript, and font files, with our soUicitudo. Minus compilator et quidam setup.

Download fons

Sass

Bootstrap ab Minore ad Sass portatum est inclusio facilioris in Rails, Compass, vel Sass-tantum inceptis.

Download Sass

Bootstrap CDN

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

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

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 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.

jQuery requiratur

Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template . Consule nostrumbower.json videre quae versiones jQuery fulciantur.

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 fontes (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 subsidia fasciculorum, licentiae informationis et evolutionis 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.

Turn ex to order versus;
  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 imperativum tibi solet.

grunt watch(Watch)

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

grunt test(Run probat)

Currit JSHint et currit QUnit praeceps probat in PhantomJS .

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, documentum 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 href="css/bootstrap.min.css" rel="stylesheet">

    <!-- 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://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></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 Repository . Exempla reperiuntur in docs/examples/indice.

Utens compage

Exemplum starter template

Starter template

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

Bootstrap theme example

Bootstrap theme

Onerare thema libitum Bootstrap pro experientia uisum aucta.

Plures gris exemplum

Grids

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

Jumbotron exemplum

Jumbotron

Circum constitue jumbotron cum navbare et quibusdam columnis fundamentalibus eget.

Angusta jumbotron example

Angusta jumbotron

Plus consuetudinis paginam construe concludendo defaltam continens et jumbotron.

Navbars agendo

Navbar exemplum

Navbar

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

Static top navbar example

Static top navbar

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

Certa navbar exemplum

Certum navbar

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

Custom components

Unus-page template exemplum

Cover

Formulae unius paginae ad simplices et pulchras paginas aedificandas.

Carousel exemplum

Carousel

Mos navbari et carousel, adde nova quaedam elementa.

Blogs layout example

Blog

Simple duo-columna blog layout with custom navigandi, header, typus.

Dashboard exemplum

Dashboard

Basic structura pro ashboardday admin cum sidebari et navbar fixum.

Adscribe exemplum paginae

Adscribe in pagina

Consuetudo forme layout and design for a simple sign in form.

Nav exemplum iustificatum est

iustificatum nav

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

Pellentesque pede example

Pellentesque footer

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

Pellentesque footer with navbar example

Pellentesque footer cum navbar

Affigere footer ad imum prospectus cum certo navbare in summo.

Experimenta

Non-exemplum responsive

Non responsive Bootstrap

Facile disable docibilem Bootstrap per nostras soUicitudos .

Off-canvas navigationis exemplum

Off-canvas

Fac toggleable extemporalitatem carbasae navigationis ad usum cum Bootstrap.

Tools

Bootlint

Bootlint est instrumentum linterarii officialis Bootstrap HTML. Automatice plures errores communes HTML in paginis interretialibus coercet qui 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.

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 ad procedendum opus 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

Migrans ab v2.x ad v3.x

Vultus migrare ab antiqua versione Bootstrap ad v3.x? Check out our migration guide .

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 adiuvat recentissimas versiones cuiusque tribunalis maioris default navigatoris. Nota procuratores navigatores (ut Opera Mini, Opera Turbo mobiles modos, UC Mini navigator, sericum Amazonum) non praebentur.

Chrome Firefox Safari
Android Supported Supported N/A
iOS' Supported Supported Supported

Desktop browsers

Similiter recentissimae versiones maxime navigantium escritorio fulciuntur.

Chrome Firefox Penitus rimor Opera Safari
Mac Supported Supported N/A Supported Supported
Windows Supported Supported Supported Supported Non praebetur

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.

Feature Penitus Rimor 8 Penitus Rimor 9
border-radius Non praebetur Supported
box-shadow Non praebetur Supported
transform Non praebetur Subnixus, cum -mspraepositione
transition Non praebetur
placeholder Non praebetur

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-2015 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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 of 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.

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 tangi screens fieri non potest, maxime navigatores mobiles volitantes sustentationem aemulantur ac :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

Licentia FAQs

Bootstrap sub MIT licentia dimittitur et Copyright 2016 Twitter. 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 quibusvis Twitter possessis quovis modo, quod enuntiare vel importare Twitter probet distributionem tuam
  • Utere notis quibusvis a Twitter possessis quovis modo enuntiare vel importare te programmatum Twitter in quaestione creasse

Non te requirat;

  • Fontem ipsum Bootstrap includere, vel cuiuslibet modificationum quas ad illud facere potes, in discrimen aliquod convenire potes quod includat.
  • Submittere mutationes quas facere ad Bootstrap ad propositum Bootstrap (etsi huiusmodi feedback adhortatus est)

Plena licentia Bootstrap sita est in promptuario pro maiori informatione project.

Translations

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

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

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