Ka telesarize

Bootstrap (sisan v3.3.7) bɛ ni fɛɛrɛ nɔgɔn damadɔ ye walasa ka daminɛ joona, u kelen-kelen bɛɛ bɛ mɔgɔ ɲɛnajɛ ni seko ni dɔnko hakɛ ni baarakɛcogo wɛrɛ ye. Aw ye kalan kɛ ka tɛmɛ walasa k’a dɔn fɛn min bɛ bɛn aw mago kɛrɛnkɛrɛnnenw ma.

Bootstrap ka CDN

Mɔgɔ minnu bɛ jsDelivr kan, olu bɛ CDN dɛmɛ ni nɛɛma ye Bootstrap ka CSS ni JavaScript kan. Baara kɛ ni nin Bootstrap CDN ladɛrɛsiw ye dɔrɔn.

<!-- 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 ni Bower ye

Aw bɛ se fana ka Bootstrap ka Less, CSS, JavaScript ani sɛbɛnnibolow sigi sen kan ani k’u ɲɛnabɔ ni Bower ye :

$ bower install bootstrap

A sigi ni npm ye

Aw bɛ se fana ka Bootstrap in sigi sen kan ni npm ye :

$ npm install bootstrap@3

require('bootstrap')bɛna Bootstrap ka jQuery fɛnw bɛɛ doni jQuery fɛn kan. Module bootstrapyɛrɛ tɛ foyi bɔ kɛnɛ kan. Aw bɛ se ka Bootstrap ka jQuery plugins kelen-kelen bɛɛ doni bolo la ni aw ye /js/*.jsfilenw doni pake ka sanfɛla ɲɛbila jukɔrɔ.

Bootstrap's package.jsonkɔnɔ, metadata wɛrɛw bɛ yen minnu bɛ nin kilisi ninnu jukɔrɔ:

• less- sira min bɛ taa Bootstrap ka Less source fileba la
• style- sira min bɛ taa Bootstrap ka CSS la min ma dɔgɔya min labɛnna ka kɔn ni sigicogo kɔrɔw ye (labɛnni tɛ kɛ) .

A sigi ni Composer ye

Aw bɛ se fana ka Bootstrap ka Less, CSS, JavaScript ani sɛbɛnnibolow sigi sen kan ani k’u ɲɛnabɔ ni Composer ye :

$ composer require twbs/bootstrap

Autoprefixer wajibiyalen don Less/Sass kama

Bootstrap bɛ baara kɛ ni Autoprefixer ye walasa ka CSS feerekɛlaw ka ɲɛfɔlisenw ɲɛnabɔ . N'i bɛ Bootstrap Dabɔ a ka Less/Sass bɔyɔrɔ la ani n'i tɛ baara Kɛ n'an ka Gruntfile ye, i yɛrɛ ka kan ka Autoprefixer Dòn i ka jɔli taabolo la. N'i bɛ baara Kɛ ni Bootstrap ye min labɛnna kaban walima n'i bɛ baara Kɛ n'an ka Gruntfile ye, i man kan ka hami o la bari Autoprefixer Dònna an ka Gruntfile kɔnɔ kaban.

Min bɛ a kɔnɔ

Bootstrap bɛ se ka telesarse cogo fila la, i bɛ nin ɲɛbilasɛbɛnw ni dosiye ninnu sɔrɔ minnu kɔnɔ, ka nafolo jɛlenw fara ɲɔgɔn kan cogo la min bɛ bɛn hakili ma ani ka fɛn caman ɲɔgɔnnaw di minnu dalajɛlen don ani minnu dɔgɔyalen don.

Bootstrap min bɛ labɛn ka kɔn

Ni i ye a telesarse, i ka foli min sɛgɛsɛgɛlen don, i ka o zipu bɔ walasa ka Bootstrap (min lajɛlen) jɔcogo ye. I bɛna fɛn dɔ ye min bɛ i n’a fɔ nin:

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

Nin ye Bootstrap suguya jɔnjɔnba ye: dosiye minnu labɛnna ka kɔn walasa ka baara kɛ ni u ye teliya la ɛntɛrinɛti porozɛ suguya bɛɛ la. An bɛ CSS ni JS ( bootstrap.*) lajɛlenw di, ka fara CSS ni JS ( ) lajɛlenw kan ani minnu bɛ dɔgɔya bootstrap.min.*. CSS source maps ( bootstrap.*.map) bɛ sɔrɔ ka baara kɛ ni navigatɛri dɔw ka baarakɛminɛnw ye minnu bɛ baara kɛ ni u ye. Glyphicons ka sɛbɛnnibolow bɛ sɔrɔ a kɔnɔ, i n’a fɔ Bootstrap barokun min bɛ se ka sugandi.

Bootstrap ka kode source

Bootstrap source code telesarseli kɔnɔ, CSS, JavaScript ani font nafolo minnu labɛnna ka kɔn, olu bɛ sɔrɔ, ka fara source Less, JavaScript ani sɛbɛnw kan. Kɛrɛnkɛrɛnnenya la, ninnu ni fɛn wɛrɛw bɛ a kɔnɔ:

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

, less/, js/ani fonts/ye an ka CSS, JS ani ikomi sɛbɛnnibolow bɔyɔrɔ ye (u kelen-kelen bɛɛ). Fɛn dist/o fɛn bɛ sɔrɔ telesarseli yɔrɔ la min sɛbɛnna ka kɔn sanfɛ, o bɛɛ bɛ sɔrɔ o foli kɔnɔ. Foli in docs/kɔnɔ, an ka sɛbɛnniw ka source code bɛ yen, ani examples/Bootstrap baarakɛcogo. O tɛmɛnen kɔ, dosiye wɛrɛ o dosiye min bɛ a kɔnɔ, o bɛ dɛmɛ di pakew, lase kunnafoniw, ani yiriwali ma.

CSS ni JavaScript labɛnni

Bootstrap bɛ baara Kɛ ni Grunt ye a ka jɔli siratigɛ la, ni fɛɛrɛ nɔgɔmanw ye baara la ni karamɔgɔya ye. O ye an bɛ an ka kode lajɛ cogo min na, ka sɛgɛsɛgɛliw kɛ, ani fɛn wɛrɛw.

Grunt (Grunt) sigili

Walasa ka Grunt in sigi sen kan, i ka kan ka fɔlɔ ka node.js (npm bɛ min kɔnɔ) telesarse k’a sigi sen kan. npm kɔrɔ ye node packaged modules ye wa a ye yiriwali dantigɛliw ɲɛnabɔcogo ye node.js fɛ.

1. A sigi grunt-clidiɲɛ kɔnɔ ni npm install -g grunt-cli.
2. Aw bɛ taa root /bootstrap/directory la, o kɔ aw bɛ boli npm install. npm bɛna package.jsondosiye lajɛ ani ka sigida dantigɛli wajibiyalenw sigi a yɛrɛma minnu kofɔlen bɛ yen.

Ni a dafara, i bɛ se ka Grunt cikan suguya minnu di ka bɔ cikan yɔrɔ la, i bɛ se ka olu baara.

Grunt cikanw bɛ sɔrɔ

grunt dist(CSS ni JavaScript lajɛ dɔrɔn)

A bɛ /dist/ɲɛbilasɛbɛn in labɛn kokura ni CSS ni JavaScript filenw ye minnu lajɛlen don ani minnu dɔgɔyara. I n’a fɔ Bootstrap baarakɛla, a ka c’a la, nin ye cikan ye i b’a fɛ min na.

grunt watch(Mɔnturu)

A bɛ Less source files lajɛ ani k’u labɛn kokura a yɛrɛma CSS kɔnɔ tuma o tuma n’i ye fɛn dɔ Changer.

grunt test(Boli sɛgɛsɛgɛliw)

JSHint bɛ boli ani ka QUnit sɛgɛsɛgɛliw boli kunkolontan na PhantomJS kɔnɔ .

grunt docs(Ka docs nafolomafɛnw jɔ & ka kɔrɔbɔ)

A bɛ CSS, JavaScript ani nafolo wɛrɛw jɔ ani k’u kɔrɔbɔ minnu bɛ kɛ ni sɛbɛnw bɛ baara kɛ sigida la bundle exec jekyll serve.

grunt(Aw bɛ fɛn bɛɛ jɔ tigitigi ani ka sɛgɛsɛgɛliw kɛ)

A bɛ CSS ni JavaScript Lajɛ ani k’a Dɔgɔya, ka sɛbɛnniw ka siti in jɔ, ka HTML5 sɛgɛsɛgɛlikɛlan baara ka Kɛɲɛ ni docs ye, ka Customizer nafolo Labɛn kokura, ani fɛn wɛrɛw. A bɛ Jekyll de wajibiya . A ka c'a la, a ka kan dɔrɔn n'i bɛ hack Kɛ Bootstrap yɛrɛ kan.

Gɛlɛyaw ɲɛnabɔli

Ni aw ye gɛlɛyaw sɔrɔ dependencies (daɲɛw) sigili la walima Grunt cikanw baara la, aw bɛ fɔlɔ /node_modules/ka npm ka directory (daɲɛgafe) bɔ yen. O kɔfɛ, i ka segin ka npm installbaara kɛ .

Modèle basigilen

A daminɛ ni nin HTML misali jɔnjɔn in ye, walima ka nin misaliw sɛmɛntiya . An jigi b’a kan ko aw bɛna an ka jatebɔlanw ni misaliw labɛn ka kɛɲɛ ni aw magow ye.

HTML min bɛ duguma, o kopi kɛ walasa ka baara daminɛ ni Bootstrap sɛbɛn fitinin ye.

<!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>

Misaliw

Aw bɛ jɔ ni jatebɔlan jɔnjɔn ye sanfɛ ni Bootstrap ka yɔrɔ caman ye. An b’aw jija aw ka Bootstrap kɛ ka kɛɲɛ ni aw ka porozɛ kelen-kelen bɛɛ magow ye.

misali bɛɛ lajɛlen sɔrɔyɔrɔ sɔrɔ jukɔrɔ ni Bootstrap marayɔrɔ telesarseli ye . Misaliw bɛ se ka sɔrɔ docs/examples/gafe ɲɛbilasɛbɛn kɔnɔ.

Baara kɛ ni karamɔgɔya ye

Modèle de démarrage

Foyi tɛ ni jɔnjɔnw tɛ: CSS ni JavaScript lajɛlen ka fara minɛn dɔ kan.

Bootstrap ka barokun

Bootstrap barokun min bɛ se ka sugandi, o doni walasa ka ɲɛnajɛ kɛcogo ɲɛnama sɔrɔ.

Gridw (Grides).

Misali caman grid layouts ni tier naani bɛɛ, nesting, ani fɛn wɛrɛw.

Jumbotron ye

Aw bɛ jumbotron lamini ni navbar ye ani grid jɔnjɔn dɔw.

Jumbotron ka surun

Aw bɛ ɲɛ dɔ jɔ min bɛ kɛ ka kɛɲɛ ni mɔgɔw sago ye kosɛbɛ ni minɛn dafalen ni jumbotron dɔgɔyali ye.

Navbars bɛ baara la

Navbar ye

Super basic template min bɛ navbar kɔnɔ ka fara kunnafoni wɛrɛw kan.

Navbar sanfɛla statiki

Super basic template ni static top navbar ka fara kɔnɔkow wɛrɛw kan.

Navbar labɛnna

Super basic template ni fixe top navbar ka fara kɔnɔkow wɛrɛw kan.

Laadalata yɔrɔw

Ka datugu

Ɲɛ kelen jatebɔlan min bɛ kɛ ka so ɲɛ nɔgɔmanw ni cɛɲiw jɔ.

Karosel

Aw bɛ navbar ni carousel kɛ ka kɛɲɛ ni aw yɛrɛ sago ye, o kɔ aw bɛ yɔrɔ kura dɔw fara a kan.

Blog ye

Bulɔgu labɛncogo nɔgɔman min bɛ kɛ ni kulu fila ye ni taamasiyɛnw ye minnu bɛ kɛ ka kɛɲɛ ni mɔgɔw sago ye, a kuncɛcogo ani a suguya.

Dashboard ye

Basigi jɔcogo ka ɲɛsin admin dashboard ma ni sidebar fixe ani navbar ye.

I ka don yɔrɔ la

Formulaire labɛncogo ani a dilanni ka kɛɲɛ ni taamasiyɛn nɔgɔman ye foroko kɔnɔ.

Nav min bɛ jo sɔrɔ

Navbar ladamulen dɔ dabɔ ni jɛgɛnsira jolenw ye. Kungolow bɛ wuli! A tɛ Safari terikɛ kojugu.

Senna-tɛgɛrɛ min bɛ nɔrɔ

Aw bɛ sɛbɛnfura dɔ siri filɛlikɛlan jukɔrɔ ni a kɔnɔkow ka surun a la.

Senna-tɛgɛrɛ nɔrɔlen ni navbar

Aw bɛ sɛbɛnfura dɔ siri filɛlikɛlan jukɔrɔ ni navbar jɔlen ye sanfɛ.

Kɔrɔbɔliw

Bootstrap min tɛ jaabi di

Bootstrap ka jaabiw bali nɔgɔya la an ka sɛbɛnw kɔnɔ .

Off-kanpaɲi

A’ ye navigatiɔn menu dɔ jɔ min bɛ se ka wuli ka bɔ a nɔ na walasa ka baara kɛ ni Bootstrap ye.

Minɛnw

Bootlint ye

Bootlint ye Bootstrap HTML linter baarakɛminɛn ofisiyali ye. A bɛ HTML fili caman Sɛgɛsɛgɛ a yɛrɛma ɛntɛrinɛti yɔrɔw la minnu bɛ baara Kɛ ni Bootstrap ye "vanilla" cogo la min bɛ Se ka Kɛ. Vanilla Bootstrap ka yɔrɔw/widgetw b’a ɲini u ka DOM yɔrɔw fɛ u ka bɛn ni sigicogo dɔw ye. Bootlint bɛ a lajɛ ni Bootstrap yɔrɔw misaliw ye HTML labɛn ka ɲɛ. Aw ye jateminɛ kɛ ka Bootlint fara aw ka Bootstrap ɛntɛrinɛti yiriwali baarakɛminɛnw kan walasa fili minnu bɛ kɛ tuma caman na, olu si kana aw ka porozɛ yiriwali sumaya.

Sigida

Aw ka to kunnafoni na Bootstrap yiriwali kan ani ka se sigidamɔgɔw ma ni nin dɛmɛnanw ye.

• Aw ye The Official Bootstrap Blog kalan ani ka aw tɔgɔ sɛbɛn .
• Baro kɛ ni Bootstrapper ɲɔgɔnw ye ni IRC ye irc.freenode.netsèrwɛri kɔnɔ, ##bootstrap kanal kɔnɔ .
• Walasa ka dɛmɛ sɔrɔ Bootstrap baara la, ɲininkali kɛ StackOverflow kan ni taamasiyɛntwitter-bootstrap-3 ye .
• Dabɔbagaw ka kan ka baara Kɛ ni daɲɛ koloma bootstrapye pakew kan minnu bɛ Bootstrap baarakɛcogo Lakodɔn walima k’a Fàra a kan n’u bɛ tila-tila npm fɛ walima o ɲɔgɔnna fɛnw lasecogo fɛ walasa ka se ka Sɔrɔ kosɛbɛ.
• aw ye misali ɲumanw sɔrɔ mɔgɔw ka jɔli la ni Bootstrap ye Bootstrap Expo la .

Aw bɛ se fana ka tugu @getbootstrap kɔ Twitter kan walasa ka kumakan labanw ni dɔnkilida videyo kabakomaw sɔrɔ.

Ka jaabiw bali

Bootstrap bɛ i ka ɲɛw bɛrɛbɛn a yɛrɛma ka kɛɲɛ ni ɛkran hakɛ suguya caman ye. Nin ye nin baarakɛcogo in balicogo ye walasa i ka ɲɛ ka baara kɛ i n'a fɔ nin misali min tɛ jaabi di .

Fɛn minnu bɛ kɛ walasa ka ɲɛ jaabiw bali

1. Viewport <meta>min kofɔlen bɛ CSS docs kɔnɔ, o bɔ yen
2. Override the widthon the .containerfor each grid tier ni bonya kelen ye, misali la width: 970px !important;Aw ye aw jija nin na Bootstrap CSS default kɔfɛ. Aw bɛ se ka aw yɛrɛ tanga !importantni media ɲininkaliw ye walima selector-fu dɔw.
3. Ni aw bɛ baara kɛ ni navbarw ye, aw bɛ navbar collapsing ani expanding kɛcogo bɛɛ bɔ yen.
4. Walasa ka jatebɔlanw labɛn, aw bɛ baara kɛ ni .col-xs-*kalanw ye ka fara, walima u nɔ na, ​​cɛmancɛ/kɔrɔbaw kan. Aw kana aw hakili ɲagami, extra-small device grid bɛ sɛgɛsɛgɛli kɛ ka se resolutions bɛɛ ma.

I mago bɛ Respond.js la hali bi IE8 kama (k’a masɔrɔ an ka kunnafonidilanw ɲininkaliw bɛ yen hali bi wa u ka kan ka baara kɛ). O bɛ Bootstrap "mobile site" fanw bali.

Bootstrap template ni jaabiw tiɲɛna

An ye nin wale ninnu waleya misali dɔ kan. A ka source code kalan walasa ka fɛn kɛrɛnkɛrɛnnenw ye minnu bɛ waleya.

Misali min tɛ jaabi di, o lajɛ

Navigatɛri ni minɛnw dɛmɛni

Bootstrap jɔra walasa a ka baara kɛ ka ɲɛ tabali ni mobili navigatɔrɔ labanw na, o kɔrɔ ye ko navigatɛri kɔrɔw bɛ se ka yɔrɔ dɔw jiracogo jira cogo wɛrɛ la, hali ni u bɛ baara kɛ kosɛbɛ.

Navigatɛri minnu bɛ dɛmɛ

Kɛrɛnkɛrɛnnenya la, an bɛ dɛmɛ don nin navigatɛriw ni plateformes nataw la minnu bɛ bɔ kura la .

Navigatɛri wɛrɛ minnu bɛ baara kɛ ni WebKit, Blink, walima Gecko kura ye, a kɛra k’a ɲɛsin u yɛrɛ ma walima a kɛra plateforme ka web view API fɛ, olu tɛ dɛmɛ k’a jɛya. Nka, Bootstrap ka kan (a ka c’a la) ka jira ani ka baara kɛ ka ɲɛ o navigatɛriw fana na. Dɛmɛ kunnafoni kɛrɛnkɛrɛnnen wɛrɛw bɛ sɔrɔ jukɔrɔ.

Telefɔni selilɛriw

A ka c’a la, Bootstrap bɛ dɛmɛ don plateforme belebele kelen-kelen bɛɛ ka navigatɔrɔ defaults (navigatɛriw) labanw na. A kɔlɔsi ko proxy navigatɔrɔw (i n’a fɔ Opera Mini, Opera Mobile ka Turbo mode, UC Browser Mini, Amazon Silk) tɛ se ka baara kɛ.

Tabali kan navigatɛriw

O cogo kelen na, tabali-navigatɛri fanba ka bɔko labanw bɛ dɛmɛ.

Windows kan, an bɛ Internet Explorer 8-11 dɛmɛ .

Firefox ta fan fɛ, ka fara normal stable bɔko laban kan, an bɛ Firefox ka Extended Support Release (ESR) bɔko laban fana dɛmɛ.

O cogo la, Bootstrap ka kan ka ɲɛ ani k’a yɛrɛ Kɛ koɲuman Chromium ni Chrome la Linux kama, Firefox la Linux kama, ani Internet Explorer 7 la, ani Microsoft Edge fana na, hali n’u ma Dɛmɛ foroba la.

Walasa ka Bootstrap ka kan ka sɛgɛsɛgɛli kɛ ni navigatɔrɔn ka bug dɔw ye, aw ye an ka Wall of browser bugs lajɛ .

Ɛntɛrinɛti Explorer 8 ani 9

Internet Explorer 8 ani 9 fana bɛ dɛmɛ, nka, aw k’a dɔn ko CSS3 nafama dɔw ani HTML5 fɛn dɔw tɛ dɛmɛ bɛrɛbɛrɛ o navigatɔrɔw fɛ. Ka fara o kan, Internet Explorer 8 bɛ Respond.js baara wajibiya walasa ka kunnafonidilanw ɲinini dɛmɛni kɛ.

Aw ye taa Can I use... la walasa ka kunnafoni wɛrɛw sɔrɔ CSS3 ni HTML5 baarakɛcogo kan navigatɛri dɛmɛni kan.

Ɛntɛrinɛti Explorer 8 ani Respond.js

Aw ye aw janto nin lasɔmini ninnu na ni aw bɛ baara kɛ ni Respond.js ye aw ka yiriwali ni a dilanni sigidaw la Internet Explorer 8 kama.

Respond.js ani CSS ka cross-domain

Baara kɛli ni Respond.js ye ni CSS ye min bɛ jatigila (sub)domain wɛrɛ kan (misali la, CDN kan) o bɛ sigicogo wɛrɛw de wajibiya. Aw ye Respond.js sɛbɛnw lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ.

Jaabi.js anifile://

K’a sababu Kɛ navigatɔrɔn lakanani sariyaw ye, Respond.js tɛ baara Kɛ ni ɲɛw ye minnu bɛ Lajɛ file://protocol fɛ (i n’a fɔ ni i bɛ sigida HTML file dɔ da Yɛlɛ). Walasa ka jaabiw kɛcogo kɔrɔbɔ IE8 kɔnɔ, i ka i ka ɲɛw lajɛ HTTP(S) kan. Aw ye Respond.js sɛbɛnw lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ.

Jaabi.js ani@import

Respond.js tɛ baara kɛ ni CSS ye min bɛ tali kɛ @import. Kɛrɛnkɛrɛnnenya la, Drupal labɛncogo dɔw dɔnna ka baara kɛ ni @import. Aw ye Respond.js sɛbɛnw lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ.

Internet Explorer 8 ani kɛsu-taamacogo

IE8 tɛ dɛmɛ bɛrɛbɛrɛ box-sizing: border-box;ni a farala ɲɔgɔn kan ni min-width, max-width, min-height, walima max-height. O de kama, kabini v3.0.1, an tɛ baara Kɛ tugun max-widths kan .container.

Ɛntɛrinɛti Explorer 8 ani @font-face

IE8 bɛ ni ko dɔw ye ni @font-faceni a farala ɲɔgɔn kan ni :before. Bootstrap bɛ baara Kɛ n'o faralen ye ɲɔgɔn kan n'a ka Glyphicons ye. Ni ɲɛ dɔ bɛ cakɛda la, ka doni ni sosɛti tɛ finɛtiri kan (o kɔrɔ ye ko i bɛ butɔni kura digi walima ka fɛn dɔ doni iframe kɔnɔ) o tuma na ɲɛ bɛ jira ka sɔrɔ sɛbɛnnibolo ka doni. Ni i ye i bolo digi ɲɛ (farikolo) kan, i bɛna taamasiyɛn dɔw jira ani ka i bolo digi taamasiyɛn tɔw kan, o bɛna o fana jira. Aw ye sɛbɛn ɲɛ #13863 lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ .

IE Bɛnkansɛbɛnw cogoyaw

Bootstrap tɛ dɛmɛn Internet Explorer baarakɛcogo kɔrɔw la. Walasa ka da a la ko i bɛ baara kɛ ni IE ka baarakɛcogo kura ye, i ka jateminɛ kɛ ka <meta>taamasiyɛn bɛnnen don i ka ɲɛw kɔnɔ:

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

Sɛbɛn cogoya Sɛgɛsɛgɛ ni debugging baarakɛminɛnw dabɔli ye: F12i ka "Document Mode" digi k'a lajɛ.

Nin taamasiyɛn in bɛ Bootstrap ka sɛbɛnw ni misaliw bɛɛ kɔnɔ walasa ka ɲɛfɔli kɛcogo ɲuman sɔrɔ Internet Explorer dɛmɛnan kelen-kelen bɛɛ la.

Aw ye nin StackOverflow ɲininkali in lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ.

Ɛntɛrinɛti Explorer 10 bɛ Windows 8 ani Windows Phone 8 kɔnɔ

Internet Explorer 10 tɛ minɛnw bonya ni filɛlikɛyɔrɔ bonya danfara Bɔ , wa o cogo la a tɛ kunnafonidilanw ɲininkaliw Kɛ ka ɲɛ Bootstrap ka CSS kɔnɔ. A ka c’a la, i tun bɛna CSS yɔrɔ teliya dɔ dɔrɔn de fara a kan walasa ka nin ko in ɲɛnabɔ:

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

Nka o tɛ baara Kɛ ni minɛnw ye minnu bɛ Windows Phone 8 'sèn Bɔ u kɔrɔ ka Tɛmɛ 'kùnnafoni 3 kan (aka GDR3) , bari a bɛ Kɛ sababu ye o minɛn suguw ka 'yɔrɔ jira min ka ca ni tabali ye "telefɔni" yecogo surun nɔ na. Walasa k’o ɲɛnabɔ, i ka kan ka nin CSS ni JavaScript ninnu don a kɔnɔ walasa ka baara kɛ ni bug in ye .

@-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)
}

Walasa ka kunnafoni wɛrɛw sɔrɔ ani baarakɛcogo ɲɛfɔlenw, aw ye Windows Phone 8 ani Device-Width kalan .

I n’a fɔ kungolodimi, an bɛ nin don Bootstrap ka sɛbɛnw bɛɛ kɔnɔ ani misaliw la i n’a fɔ jirali.

Safari kɛmɛsarada la rounding

Safari minnu bɛ Kɛ ka Kɔn v7.1 ɲɛ OS X kama ani Safari for iOS v8.0 'sènfɛ-sɛbɛnni-minɛnw 'sènfɛ-sɛbɛnni-minɛn ye gɛlɛya dɔw Sɔrɔ ni desimali-yɔrɔ hakɛ ye min bɛ Kɛ an ka .col-*-1jatebɔ-kalansow la. O la ni jatebɔlan kelen-kelen 12 tùn b’i fɛ, i b’a Kɔlɔsi k’u Nàna surunya n’i y’a Jira ko jatebɔsen wɛrɛw. Ka fara Safari/iOS sɛgɛsɛgɛli kan, i bɛ sugandi dɔw sɔrɔ baarakɛcogo la:

• Aw bɛ dɔ fara .pull-rightaw ka jatebɔ sɛbɛn laban kan walasa ka ɲɔgɔndan gɛlɛn sɔrɔ
• Aw bɛ aw ka kɛmɛsarada la sɛgɛsɛgɛli kɛ ni aw bolo ye walasa ka Safari ka lamini dafalen sɔrɔ (a ka gɛlɛn ka tɛmɛ sugandi fɔlɔ kan) .

Modaliw, navbarw ani klaviyeti virtuelw

Overflow ani scrolling (Sɛbɛnni).

Dɛmɛn min bɛ Kɛ overflow: hiddenon the <body>element ye o dan ye kosɛbɛ iOS ani Android la. Walasa k’o kɛ, n’i ye modal dɔ sanfɛla walima duguma tɛmɛ o minɛnw ka navigatɛriw dɔ la kelen na, a <body>kɔnɔkow bɛna daminɛ ka wuli. Aw ye Chrome bug #175502 ( a labɛnna Chrome v40 kɔnɔ ) ani WebKit bug #153852 lajɛ .

iOS sɛbɛnnibolow ani sɛgɛsɛgɛli

Kabini iOS 9.3 la, k’a sɔrɔ modɛli dɔ dabɔlen don, ni sɛrɛkili taamasiyɛn dɔ magali fɔlɔ bɛ sɛbɛnni <input>walima a dancɛ kɔnɔ <textarea>, <body>modali jukɔrɔ kɔnɔkow bɛ sɛrɛkili modali yɛrɛ nɔ na. Aw ye WebKit buguri #153856 lajɛ .

Klaviyeti virtuel (klaviyeti virtuel).

Ani fana, i k’a kɔlɔsi ko n’i bɛ baara Kɛ ni navbar jɔlen ye walima n’i bɛ baara Kɛ ni dontaw ye modal kɔnɔ, iOS bɛ ni rendering bug ye min tɛ fɛn jɔlenw jɔyɔrɔ Lakurayali ni klaviyeti virtuel (klaviyeti virtuel) bɛ Daminɛ. O kɛcogo damadɔ dɔw ye i ka fɛnw caman tigɛli ye position: absolutewalima ka waati jatebɔlan dɔ wele fosi kan walasa k’a ɲini ka jɔyɔrɔko latilen ni bolo ye. O tɛ ɲɛnabɔ Bootstrap fɛ, o la, a bɛ i yɛrɛ de bolo k’a latigɛ fura jumɛn ka fisa i ka application (application) ma.

Navbar ka fɛnw jira

Eleman .dropdown-backdropin tɛ baara kɛ iOS kan nav kɔnɔ k’a sababu kɛ z-indexing ka gɛlɛya ye. O cogo la, walasa ka 'dakunw Dabɔ navbarw kɔnɔ, i ka kan ka 'yɔrɔ digi k'a ɲɛsin 'yɔrɔ ma (walima fɛn wɛrɛ min bɛna 'kɔnɔnafiliko Kɛ iOS kɔnɔ ).

Navigatɛri ka zoom

Page zooming bɛ rendering artifacts jira cogo la min tɛ Se ka Lajɔ yɔrɔ dɔw la, Bootstrap ni web tɔ bɛɛ la. Ka kɛɲɛ ni ko ye, an bɛ se k’a labɛn (a ɲini fɔlɔ ka sɔrɔ ka ko dɔ da wuli ni mago bɛ o la). Nka, an ka teli ka ninnu ɲɛmajɔ bawo a ka c’a la, u tɛ ni furakɛli tilennen ye ni hacky workarounds tɛ.

Sticky :hover/ :focuska mobili kan

Hali ni hovering lakika tɛ se ka kɛ touchscreen fanba kan, mobile browser fanba bɛ hovering dɛmɛ ladege ani ka :hover"sticky" kɛ. O kɔrɔ ye ko :hovercogoyaw bɛ daminɛ ka waleya fɛn dɔ digilen kɔfɛ ani ka baara dabila dɔrɔn baarakɛla ye fɛn wɛrɛ dɔ digilen kɔfɛ. O bɛ Se ka Kɛ sababu ye Bootstrap ka :hovercogoyaw ka Kɛ "sɔrɔ" ye min man ɲi o ɲɔgɔnna navigatɔrɔw kan. Mobili navigatɔrɔ dɔw fana bɛ :focuso ɲɔgɔnna nɔrɔli Kɛ. Sisan, fɛɛrɛ nɔgɔman tɛ yen nin ko ninnu na n’o tɛ o cogoya suguw bɔli ye pewu.

Sɛbɛnni kɛli

Hali bi navigatɛri dɔw la, sɛbɛnni bɛ se ka kɛ fɛn ye min bɛ mɔgɔ kabakoya.

Kɛrɛnkɛrɛnnenya la, kabini Chrome v32 ani margin settings (dakunw sigicogo) mana kɛ min o min ye, Chrome bɛ baara kɛ ni filɛlikɛyɔrɔ bonya ye min ka dɔgɔ kosɛbɛ ka tɛmɛ papiye farikoloma hakɛ kan ni a bɛ kunnafonidilanw ɲininkaliw ɲɛnabɔ ni a bɛ ɛntɛrinɛti yɔrɔ dɔ sɛbɛn. O bɛ se ka kɛ sababu ye Bootstrap ka grid extra-small ka baara kɛ cogo la min ma labɛn ni a bɛ sɛbɛnni kɛ. aw ye bɔko #12078 ani Chrome bug #273306 lajɛ walasa ka kunnafoni dɔw sɔrɔ . Baarakɛcogo minnu fɔra:

• Aw ye jatebɔlan fitinin wɛrɛ minɛ ani ka aw jija aw ka ɲɛ in bɛ i ko a bɛ sɔn a jukɔrɔ.
• Aw ye Less variables nafaw kɛ ka kɛɲɛ ni aw yɛrɛ sago ye @screen-*walasa aw ka sɛbɛnnikɛlan papiye ka jate ko a ka bon ka tɛmɛ extra-small kan.
• Aw bɛ kunnafoni-di-minɛnw ɲininkaliw fara a kan walasa ka jatebɔlan hakɛ tigɛyɔrɔw Changer ka ɲɛsin sɛbɛnnikɛlanw dɔrɔn ma.

Ani fana, kabini Safari v8.0, fixed-width .containers bɛ se ka kɛ sababu ye Safari ka baara kɛ ni sɛbɛnnibolo hakɛ fitinin ye min tɛ deli ka kɛ ni a bɛ sɛbɛnni kɛ. aw ye #14868 ani WebKit bug #138192 lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ . O fɛɛrɛ dɔ min bɛ se ka kɛ, o ye ka nin CSS in fara a kan:

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

Android ka stock navigatɔrɔ

Ka bɔ o kɛsu kɔnɔ, Android 4.1 (ani hali bɔko kura dɔw bɛ i n’a fɔ) bɛ ci ni Browser app ye i n’a fɔ ɛntɛrinɛti navigatɔrɔn sugandilen fɔlɔ (a ni Chrome tɛ kelen ye). A fɔ man di nka, Browser app bɛ ni bugu caman ye ani bɛnbaliya ni CSS ye caman na.

Meniw sugandi

Elemanw kan <select>, Android stock browser tɛna kɛrɛfɛ controles jira ni a bɛ yen border-radiusani/walima bordera bɛ baara kɛ. (Aw ye nin ɲininkali StackOverflow lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ.) Baara kɛ ni kode yɔrɔ dɔ ye min bɛ duguma walasa ka CSS min bɛ mɔgɔ tɔɔrɔ, o bɔ yen ani ka the <select>jira iko fɛn min ma kɛ cogo la Android stock browser kan. Baarakɛla ka lasigiden ka fiyɛli bɛ Chrome, Safari ani Mozilla navigatɔrɔw bali.

<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>

Aw b’a fɛ ka misali dɔ ye wa? Aw ye nin JS Bin demo in lajɛ.

Validateurs (Sɛgɛsɛgɛlikɛlaw).

Walasa ka dɔnniya ɲuman Di navigatɔrɔ kɔrɔw ni buggy (navigatɛriw) ma, Bootstrap bɛ baara Kɛ ni CSS navigatɔrɔw hakɛw ye yɔrɔ caman na walasa ka CSS kɛrɛnkɛrɛnnenw Laɲini navigatɔrɔ dɔw la walasa ka baara Kɛ ni bugw ye navigatɔrɔw yɛrɛ kɔnɔ. O hakɛw bɛ faamuya cogo min na, o bɛ kɛ sababu ye ka CSS sɛgɛsɛgɛlikɛlaw ka ŋunankan fɔ k’u tɛ tiɲɛ ye. Yɔrɔ fila-fila la, an bɛ baara Kɛ fana ni Bleeding-edge CSS fɛɛrɛw ye minnu ma Kɛ fɔlɔ ka dafa, nka ninnu bɛ Kɛ dɔrɔn ka ɲɛtaa Kɛ ɲɛtaa kama.

O dantigɛli lasɔminiw tɛ fosi ye waleyali la bawo an ka CSS yɔrɔ min tɛ haki ye, o bɛ tiɲɛni dafalen Kɛ wa haki yɔrɔ minnu tɛ haki ye, o tɛ haki yɔrɔ in baarakɛcogo ɲuman bali, o de y’a To an bɛ nin lasɔmini kɛrɛnkɛrɛnnen ninnu jatebla Kɛ k’a da Minɛ.

an ka HTML sɛbɛnw fana bɛ ni HTML tiɲɛni lasɔmini dɔw ye minnu tɛ fosi ye ani minnu tɛ foyi ɲɛ k' a sababu kɛ an ye Firefox bugu dɔ ɲɛnabɔcogo dɔ don a kɔnɔ .

Mɔgɔ sabananw ka dɛmɛ

Hali n’an tɛ dɛmɛn foroba la mɔgɔ wɛrɛw ka fɛn wɛrɛw ma walima ka farankanw kan, an bɛ laadilikan nafama dɔw di walasa ka dɛmɛ don ka i yɛrɛ tanga gɛlɛyaw ma minnu bɛ se ka kɛ i ka porozɛw kɔnɔ.

Box-sizing (box-sizing) ye

Mɔgɔ sabanan dɔw ka porogaramu dɔw, i n’a fɔ Google Maps ani Google Custom Search Engine, olu bɛ sɔsɔli kɛ ni Bootstrap ye k’a sababu kɛ * { box-sizing: border-box; }, sariya min b’a kɛ ten padding, o tɛ nɔ bila fɛn dɔ janya jatebɔlen laban na. Aw ye kunnafoni wɛrɛw sɔrɔ kɛsu modɛli ni a bonya kan CSS Tricks kan .

Ka kɛɲɛ ni ko kɛlenw ye, i bɛ se ka fɛn dɔ bɔ a nɔ na i n’a fɔ i mago bɛ cogo min na (Sugandili 1) walima ka kɛsu hakɛ sigicogo lasegin mara bɛɛ kama (Sugandili 2nan).

/* 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();
}

Seko ni dɔnko

Bootstrap bɛ tugu ɛntɛrinɛti sariyaw kɔ minnu bɛ fɔ tuma bɛɛ ani—ni cɛsiri caman wɛrɛ kɛra—a bɛ se ka kɛ ka sitiw dilan minnu bɛ se ka sɔrɔ mɔgɔ minnu bɛ baara kɛ ni AT ye .

Tɛmɛn navigatiɔn kan

Ni i ka navigatiɔn bɛ ni ladɛrɛsi caman ye ani ni a bɛ na ka kɔn DOM kɔnɔko kunbabaw ɲɛ, i ka Skip to main contentladɛrɛsi dɔ fara a kan ka kɔn navigatiɔn ɲɛ (walasa ka ɲɛfɔli nɔgɔman sɔrɔ, aw ye nin A11Y Porozɛ barokun lajɛ min bɛ kuma skip navigation links kan ). Baara kɛli ni .sr-onlykalan ye, o bɛna tɛmɛsira dogo ni ɲɛ ye, wa .sr-only-focusablekalan bɛna a jira ko jɛgɛnsira bɛ ye ni a sinsinnen don siɲɛ kelen (klaviyeti baarakɛlaw fɛ minnu bɛ ye).

<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>

Kumakun minnu bɛ sigiyɔrɔma kelen na

ni kunkankow ( <h1>- <h6>) bɛ sigi sen kan , i ka sɛbɛn fɔlɔ kuncɛ ka kan ka kɛ <h1>. Kumakun nataw ka kan ka baara Kɛ ni hakilina ye <h2>- <h6>cogo min na ekran kalanbagaw bɛ Se ka kɔnɔkow tabali dɔ Dabɔ i ka ɲɛw kama.

Aw ye kunnafoni wɛrɛw sɔrɔ HTML CodeSniffer ani Penn State ka AccessAbility kan .

Kulɛriw danfara

Sisan, kulɛriw faralen ɲɔgɔn kan minnu bɛ sɔrɔ Bootstrap kɔnɔ (i n’a fɔ butɔni kalasi suguya caman, kode ɲɛfɔli kulɛri dɔw minnu bɛ kɛ kode blokiw jɔnjɔnw na , .bg-primary contextual background dɛmɛnan kalasi, ani jɛgɛnsira kulɛri fɔlɔ ni baara kɛra ni kɔkanna finman ye) ka danfara hakɛ dɔgɔman sɔrɔ (a bɛ 4,5:1 hakɛ fɔlen jukɔrɔ ). O bɛ se ka gɛlɛya lase baarakɛlaw ma minnu ɲɛ tɛ ye kosɛbɛ walima minnu ɲɛ tɛ ɲɛ. O kulɛri fɔlɔw bɛ se ka ladilan walasa ka dɔ fara u danfara kan ani u kalanni kan.

Nafolo wɛrɛw

• "HTML Codesniffer" gafesɛbɛn min bɛ kɛ ka sɔrɔko gɛlɛyaw dɔn
• Chrome ka Accessibility Developer Tools ka baarakɛminɛnw farankan
• Kulɛriw danfara sɛgɛsɛgɛlikɛlan
• Porozɛ A11Y ye
• MDN sɔrɔli sɛbɛnw

Lase Ɲininkaliw jaabiw

Bootstrap bɔra MIT ka lase kɔnɔ ani a ye sɛbɛnnikɛlaw ka josariyaw ye 2016 Twitter. Ni a tobilen don fo ka se a yɔrɔ fitininw ma, a bɛ se ka ɲɛfɔ ni nin cogoya ninnu ye.

A b’a ɲini i fɛ i ka:

• Aw ye lase ni sɛbɛnnikɛlaw ka josariyaw kunnafoni mara Bootstrap ka CSS ni JavaScript filew kɔnɔ ni aw bɛ baara kɛ n’u ye aw ka baara kɛtaw la

A b’a to i ka:

• Bootstrap telesarse ani ka baara kɛ ni a ye fu la, a bɛɛ lajɛlen walima a yɔrɔ dɔ, i yɛrɛ ka baara kama, i yɛrɛ ta ye, i yɛrɛ ka baarakɛyɔrɔ kɔnɔna na, walima jagokɛcogo la
• Aw bɛ baara kɛ ni Bootstrap ye pakew walima jatebɔw kɔnɔ aw bɛ minnu da
• A’ ye source code ladilan
• Aw ye sublicense di walasa ka Bootstrap ladilan ani ka a tila ka di mɔgɔ wɛrɛw ma minnu tɛ lase kɔnɔ

A b’i bali ka:

• Aw ye sɛbɛnnikɛlaw ni lase tigiw jalaki tiɲɛniw na bawo Bootstrap bɛ di ni garanti tɛ
• Bootstrap dabɔbagaw walima a sɛbɛnnikɛlaw ka jalaki
• Bootstrap yɔrɔ o yɔrɔ bɛ segin ka tila-tila k’a sɔrɔ a ma sɛbɛn ka ɲɛ
• Baara kɛ ni Twitter ka taamasiyɛnw ye cogo o cogo min bɛ se k’a jira walima k’a jira ko Twitter bɛ i ka jatebɔ dɛmɛ
• Baara kɛ ni taamasiyɛnw ye minnu bɛ Twitter bolo cogo o cogo min bɛ se k’a jira walima k’a jira ko i ye Twitter porogaramu min bɛ ɲininkali kɛ, o da

A t’a ɲini i fɛ i ka:

• Bootstrap yɛrɛ bɔyɔrɔ, walima i bɛ se ka fɛn minnu sɛmɛntiya a la, i bɛ se ka olu tila-tila kokura minnu bɛ a kɔnɔ, i ka olu don a kɔnɔ
• I ye fɛn minnu Changer Bootstrap kɔnɔ, i ka olu bila ka segin Bootstrap porozɛ kan (hali ni o hakilina suguw bɛ dusu don u kɔnɔ)

Bootstrap ka lase dafalen bɛ sɔrɔ porozɛ marayɔrɔ la walasa ka kunnafoni wɛrɛw sɔrɔ.

Bamanankan baarakɛcogo

Sigida mɔgɔw ye Bootstrap ka sɛbɛnw baara kan caman na. U si tɛ dɛmɛn foroba la wa a bɛ se ka kɛ u tɛ waati la tuma bɛɛ.

• Bootstrap 中文文档 (Chinois) Bamako, Mali.
• Bootstrap 3 中文手冊 (Sina (Laadalata))
• Bootstrap på Dansk (danois) Bamako, Mali.
• Bootstrap en Français (Français) Bamako, Mali.
• Bootstrap auf Deutsch (Alemaɲikan) .
• Bootstrap in Italino (Italiano) .
• Bootstrap 한국어 (Korekan)
• Bootstrap em Português do Brasil (Brezil Pɔrtugɛsikan)
• Bootstrap по-русски (Risikan) Bamako, Mali.
• Bootstrap en Español (Español) .
• Türkçe Bootstrap (Turkikan) .
• Bootstrap українською (Ukrainikan) Bamako, Mali.
• Bootstrap bằng tiếng Việt (Viyɛtnamkan)

An tɛ dɛmɛ don ka bamanankan baarakɛcogo labɛn walima k’a ladon, an bɛ ɲɔgɔn cɛsiri dɔrɔn u ni ɲɔgɔn cɛ.

I ye bamanankan baarakɛcogo kura walima baarakɛcogo ɲuman dɔ ban wa? Sama ɲinini dɔ da wuli walasa k’a fara an ka lisi kan.