Hee ɖa anyi

Mɔ bɔbɔe ʋee aɖewo le Bootstrap (fifia v3.3.7) si dzi woato adze egɔme kaba, wo dometɔ ɖesiaɖe doa dzidzɔ na aɖaŋu ƒe ɖoƒe kple zazã ƒe nɔnɔme vovovo. Xlẽ nu tso eŋu nàkpɔ nusiwo sɔ na wò nuhiahiã tɔxɛwo.

Bootstrap ƒe ƒuƒoƒo

Woƒo CSS, JavaScript, kple nuŋɔŋlɔdzesiwo nu ƒu heɖe wo dzi kpɔtɔ. Wometsɔ docs alo dzɔtsoƒe faɛl gbãtɔ aɖeke kpe ɖe eŋu o.

Wɔ Bootstrap ƒe kɔpi

Dzɔtsoƒe ƒe nuŋɔŋlɔ

Source Less, JavaScript, kple font files, kpakple míaƒe docs. Ebia Less compiler kple ɖoɖo aɖewo.

Download dzɔtsoƒe

Sass ƒe nyawo

Bootstrap trɔ tso Less yi Sass be woatsɔe ade Rails, Compass, alo Sass-ko ƒe dɔwo me bɔbɔe.

Wɔ Sass ƒe kɔpi

Bootstrap ƒe CDN

Folks le jsDelivr dɔmenyotɔe na CDN kpekpeɖeŋu na Bootstrap ƒe CSS kple JavaScript. Ðeko nàzã Bootstrap CDN ƒe kadodo siawo.

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

Dee kple Bower

Àte ŋu aɖo Bootstrap ƒe Less, CSS, JavaScript, kple ŋɔŋlɔdzesiwo hã ɖe wò kɔmpiuta dzi ahakpɔ wo dzi to Bower zazã me :

$ bower install bootstrap

De kple npm

Àteŋu aɖo Bootstrap hã to npm zazã me :

$ npm install bootstrap@3

require('bootstrap')atsɔ Bootstrap ƒe jQuery ƒe kpeɖeŋutɔwo katã ade jQuery nu la dzi. Module bootstrapla ŋutɔ meɖoa naneke ɖe duta o. Àteŋu atsɔ asi akɔ Bootstrap ƒe jQuery ƒe kpeɖeŋutɔawo ɖekaɖeka to /js/*.jsfaɛl siwo le akpaa ƒe nyatakakadzraɖoƒe si le ɖoƒe kɔkɔtɔ te la dede me.

Bootstrap ƒe package.jsonmetadata bubu aɖewo le safui siwo gbɔna te:

  • less- mɔ si yi Bootstrap ƒe Less dzɔtsoƒe faɛl vevitɔ gbɔ
  • style- mɔ si yi Bootstrap ƒe CSS si womeɖe ɖe vovo o si woƒo ƒu do ŋgɔ to ɖoɖo gbãtɔwo zazã me (womewɔ tɔtrɔ aɖeke le eŋu o)

Tsɔ Composer ɖoe ɖe wò kɔmpiuta dzi

Àte ŋu aɖo Bootstrap ƒe Less, CSS, JavaScript, kple ŋɔŋlɔdzesiwo hã ɖe wò kɔmpiuta dzi ahakpɔ wo dzi to Composer zazã me :

$ composer require twbs/bootstrap

Autoprefixer hiã na Less/Sass

Bootstrap zãa Autoprefixer tsɔ wɔa dɔ kple CSS dzralawo ƒe ŋgɔdonyawo . Ne èle Bootstrap ƒom tso eƒe Less/Sass dzɔtsoƒe eye mèle míaƒe Gruntfile zãm o la, ahiã be wò ŋutɔ nàtsɔ Autoprefixer ade wò xɔtutu ƒe ɖoɖoa me. Ne èle Bootstrap si woƒo ƒu do ŋgɔ zãm alo le míaƒe Gruntfile zãm la, mehiã be nàtsi dzi ɖe esia ŋu o elabena wotsɔ Autoprefixer de míaƒe Gruntfile la me xoxo.

Nusi le eme

Woateŋu awɔ Bootstrap ƒe kɔpi le nɔnɔme eve me, siwo me nàkpɔ agbalẽdzraɖoƒe kple faɛl siwo gbɔna le, aƒo nunɔamesi siwo bɔ la nu ƒu ɖekae le susu me eye wòana tɔtrɔ siwo woƒo ƒu kple esiwo woɖe ɖe vovo siaa.

jQuery hiã

Taflatse de dzesii be JavaScript ƒe kpeɖeŋutɔwo katã hiã be woatsɔ jQuery ade eme, abe alesi woɖee fia le gɔmedzedze ƒe nɔnɔmetata me ene . Kpɔ mía ŋkumebower.json be nàkpɔ jQuery ƒe tɔtrɔ siwo wodo alɔe.

Bootstrap si woƒo ƒu do ŋgɔ

Ne ènya kɔpi ko la, ɖe agbalẽdzraɖoƒe si woƒo ƒu la ƒe zip be nàkpɔ Bootstrap (si woƒo ƒu) ƒe wɔwɔme. Àkpɔ nane si le abe esia ene:

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

Esia nye Bootstrap ƒe nɔnɔme vevitɔ kekeake: faɛl siwo woƒo ƒu do ŋgɔ hena zazã kabakaba le nyatakakadzraɖoƒe ƒe dɔ ɖesiaɖe kloe me. Míenaa CSS kple JS ( bootstrap.*) siwo woƒo ƒu, kpakple CSS kple JS ( bootstrap.min.*) siwo woƒo ƒu heɖe wo dzi kpɔtɔ. CSS dzɔtsoƒe ƒe anyigbatatawo ( bootstrap.*.map) li woate ŋu azã kple web-browser aɖewo ƒe dɔwɔnu siwo wotsɔ wɔa dɔe. Ŋɔŋlɔdzesi siwo tso Glyphicons me le eme, abe alesi Bootstrap ƒe tanya si woate ŋu atia la hã le eme ene.

Bootstrap ƒe dzɔtsoƒe ƒe nuŋɔŋlɔ

Bootstrap ƒe dzɔtsoƒe ƒe kɔpi ƒe kɔpi la lɔ CSS, JavaScript, kple nuŋɔŋlɔ ƒe nunɔamesi siwo woƒo ƒu do ŋgɔ la ɖe eme, tsɔ kpe ɖe dzɔtsoƒe Less, JavaScript, kple nuŋlɔɖiwo ŋu. Ne míagblɔe tututu la, nusiwo gbɔna kple bubuwo le eme:

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

, less/, js/kple fonts/nye míaƒe CSS, JS, kple dzesi ŋɔŋlɔdzesiwo ƒe dzɔtsoƒe ƒe nuŋɔŋlɔ (le wo nɔewo yome). dist/Nusianu si woŋlɔ ɖe akpa si nye kɔpi siwo woƒo ƒu do ŋgɔ le etame la le agbalẽdzraɖoƒea . Míaƒe docs/nuŋlɔɖiwo ƒe dzɔtsoƒe ƒe nuŋɔŋlɔ, kple examples/Bootstrap zazã ƒe nuŋlɔɖiwo le agbalẽdzraɖoƒea. Le ema godo la, faɛl bubu ɖesiaɖe si le eme la naa kpekpeɖeŋu na agbalẽviwo, mɔɖegbalẽ ŋuti nyatakakawo, kple ŋgɔyiyi.

CSS kple JavaScript nuƒoƒoƒu

Bootstrap zãa Grunt na eƒe xɔtuɖoɖo, kple mɔnu siwo sɔ na dɔwɔwɔ kple ɖoɖowɔɖia. Enye alesi míeƒoa míaƒe kɔdawo nu ƒu, wowɔa dodokpɔwo, kple bubuwo.

Grunt ƒe ɖoɖowɔwɔ

Be nàda Grunt ɖe wò kɔmpiuta dzi la, ele be nàwɔ node.js (si me npm hã le) ƒe kɔpi gbã eye nàdae ɖe wò kɔmpiuta dzi. npm tsi tre ɖi na node packaged modules eye wònye mɔnu si dzi woato akpɔ ŋgɔyiyi ƒe ŋuɖoɖowo dzi to node.js dzi.

Emegbe, tso sededea ƒe fli dzi la:
  1. De grunt-clixexeame katã kple npm install -g grunt-cli.
  2. Yi root /bootstrap/directory la me, emegbe nàƒu du npm install. npm alé ŋku ɖe package.jsonfaɛl la ŋu eye wòaɖo teƒea ƒe nusiwo dzi woanɔ te ɖo siwo hiã siwo woŋlɔ ɖe afima la ɖe eme le eɖokui si.

Ne èwu enu la, àteŋu awɔ Grunt sedede vovovo siwo wona tso sedede fli la dzi.

Grunt ƒe sedede siwo li

grunt dist(Ðeko nàƒo CSS kple JavaScript nu ƒu)

Gbugbɔ wɔ /dist/agbalẽdzraɖoƒea kple CSS kple JavaScript faɛl siwo woƒo ƒu eye woɖe wo dzi kpɔtɔ. Abe Bootstrap zãla ene la, zi geɖe la, esiae nye sedede si nèdi.

grunt watch(Kpɔ)

Eléa ŋku ɖe Less dzɔtsoƒe faɛlwo ŋu eye wògaƒoa wo nu ƒu ɖe CSS me le eɖokui si ɣesiaɣi si nèdzra tɔtrɔ aɖe ɖo.

grunt test(Du dodokpɔwo) .

Ewɔa JSHint eye wòwɔa QUnit dodokpɔwo ta manɔmee le PhantomJS me.

grunt docs(Tu & do docs ƒe nunɔamesiwo kpɔ)

Tua CSS, JavaScript, kple nunɔamesi bubu siwo wozãna ne wole nuŋlɔɖiawo wɔm le teƒea to bundle exec jekyll serve.

grunt(Tu nusianu keŋkeŋ eye nàwɔ dodokpɔwo)

Eƒoa CSS kple JavaScript nu ƒu heɖea wo dzi kpɔtɔna, etua nuŋlɔɖiwo ƒe nyatakakadzraɖoƒea, ewɔa HTML5 ƒe kpeɖodzinu la ɖe nuŋlɔɖiawo ŋu, egbugbɔa Customizer ƒe nunɔamesiwo wɔa, kple bubuwo. Ebia tso Jekyll si . Zi geɖe la, ne èle hacking le Bootstrap ŋutɔ dzi ko hafi wòhiã.

Kuxiwo Gbɔkpɔkpɔ

Ne èdo go kuxiwo le nusiwo dzi nànɔ te ɖo ɖoɖo alo Grunt sededewo zazã me la, gbã la, tutu /node_modules/agbalẽdzraɖoƒe si npm wɔ. Emegbe, gbugbɔ wɔe npm install.

Gɔmeɖoanyi ƒe nɔnɔmetata

Dze egɔme kple HTML ƒe nɔnɔmetata vevi sia, alo trɔ asi le kpɔɖeŋu siawo ŋu . Míele mɔ kpɔm be àtrɔ asi le míaƒe nɔnɔmetatawo kple kpɔɖeŋuwo ŋu, atrɔ asi le wo ŋu wòasɔ ɖe wò hiahiãwo nu.

Kpɔ HTML si le ete la ƒe kɔpi be nàdze dɔwɔwɔ gɔme kple Bootstrap nuŋlɔɖi suetɔ kekeake.

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

Kpɔɖeŋuwo

Tu ɖe gɔmedzedze ƒe nɔnɔmetata si le etame dzi kple Bootstrap ƒe akpa geɖewo. Míele dzi dem ƒo na wò be nàtrɔ asi le Bootstrap ŋu eye nàtrɔ asi le eŋu wòasɔ ɖe wò dɔ ɖekaɖeka ƒe nuhiahiãwo nu.

Na kpɔɖeŋu ɖesiaɖe si le ete ƒe dzɔtsoƒe ƒe nuŋɔŋlɔ to Bootstrap nudzraɖoƒea ƒe kɔpi wɔwɔ me . Woate ŋu akpɔ kpɔɖeŋuwo le docs/examples/agbalẽdzraɖoƒea.

Ðoɖowɔɖia zazã

Gɔmedzedze ƒe nɔnɔmetata ƒe kpɔɖeŋu

Gɔmedzedze ƒe nɔnɔmetata

Naneke meli o negbe gɔmedzenuawo ko: woƒo CSS kple JavaScript nu ƒu kpe ɖe nugoe aɖe ŋu.

Bootstrap ƒe tanya ƒe kpɔɖeŋu

Bootstrap ƒe tanya

Do Bootstrap tanya si nèdi la ɖe eme hena nuteƒekpɔkpɔ si wodo ɖe ŋgɔ le nukpɔkpɔ me.

Grids geɖe ƒe kpɔɖeŋu

Gridwo ƒe ƒuƒoƒo

Grid ƒe ɖoɖowo ƒe kpɔɖeŋu geɖewo kple tier eneawo katã, nesting, kple bubuwo.

Jumbotron ƒe kpɔɖeŋu

Jumbotron ƒe ƒuƒoƒo

Tu ƒo xlã jumbotron la kple navbar kple grid sɔti vevi aɖewo.

Jumbotron ƒe kpɔɖeŋu gbadzaa

Jumbotron si le gbadzaa

Tu axa si wowɔ ɖe ɖoɖo nu wu to nugoe si woɖo ɖi kple jumbotron la dzi ɖeɖe kpɔtɔ me.

Navbars le dɔwɔwɔ me

Navbar ƒe kpɔɖeŋu

Navbar ƒe ŋkɔ

Super gɔmedzenufiafia si me navbar la le kpe ɖe nya bubu aɖewo ŋu.

Static dzi navbar ƒe kpɔɖeŋu

Static dzi navbar

Super gɔmedzenu template kple static tame navbar kpe ɖe nya bubu aɖewo kpee.

Woɖɔ navbar ƒe kpɔɖeŋu ɖo

Woɖɔ navbar ɖo

Super gɔmedzenu template kple fixed tame navbar kpe ɖe nya bubu aɖewo kpee.

Akpa siwo wowɔ ɖe ɖoɖo nu

Axa ɖeka ƒe nɔnɔmetata ƒe kpɔɖeŋu

Akpa

Axa ɖeka ƒe nɔnɔmetata si woatsɔ atu aƒeme axa bɔbɔe siwo nya kpɔ ŋutɔ.

Carousel ƒe kpɔɖeŋu

Carousel ƒe ƒuƒoƒo

Trɔ asi le navbar kple carousel la ŋu, emegbe nàtsɔ akpa yeye aɖewo akpe ɖe eŋu.

Blog ƒe ɖoɖo ƒe kpɔɖeŋu

Blog dzi

Blog ƒe ɖoɖo bɔbɔe si me sɔti eve le kple mɔfiame si wowɔ ɖe ɖoɖo nu, tanya, kple nuŋɔŋlɔ.

Dashboard ƒe kpɔɖeŋu

Dashboard ƒe ƒuƒoƒo

Gɔmeɖoanyi ƒe ɖoɖo na admin dashboard kple axadzinu kple navbar si woɖo ɖi.

Sign-in axa ƒe kpɔɖeŋu

Axa si dzi nàge ɖo

Agbalẽvi ƒe ɖoɖo si wowɔ ɖe ɖoɖo nu kple eƒe nɔnɔme na dzesi bɔbɔe aɖe le agbalẽvia me.

Nav ƒe kpɔɖeŋu si woɖo ɖi

Woɖo kpe edzi nav

Wɔ navbar si wowɔ ɖe ɖoɖo nu kple kadodo siwo sɔ. Tawo yi dzi! Menye Safari xɔlɔ̃wɔwɔtɔe akpa o.

Kpɔɖeŋu si le afɔti si léna ɖe nu ŋu

Afɔdzideƒe si léna ɖe nu ŋu

Kpe afɔti ɖe nukpɔkpɔa ƒe gɔme ne emenyawo le kpuie wu eyama.

Afɔti si léna ɖe nu ŋu kple navbar ƒe kpɔɖeŋu

Afɔti si léna ɖe nu ŋu kple navbar

Kpe afɔti ɖe nukpɔkpɔa ƒe gɔme kple navbar si woɖo ɖi le etame.

Dodokpɔwo

Kpɔɖeŋu si meɖoa nya ŋu o

Bootstrap si mewɔa dɔ o

Woate ŋu awɔ Bootstrap ƒe ŋuɖoɖo ŋudɔ bɔbɔe le míaƒe docs nu .

Off-canvas mɔfiame ƒe kpɔɖeŋu

Off-canvas ƒe akpa aɖe

Tu off-canvas navigation menu si woateŋu atrɔ hena zazã kple Bootstrap.

Dɔwɔnuwo

Afɔkpawo ƒe ƒuƒoƒo

Bootlint nye Bootstrap HTML linter dɔwɔnu si wozãna le se nu. Ekpɔa HTML vodada geɖe siwo bɔ le nyatakakadzraɖoƒe siwo le Bootstrap zãm le "vanilla" mɔ si sɔ nu la me le eɖokui si. Vanilla Bootstrap ƒe akpawo/widgetwo bia be woƒe DOM ƒe akpawo nawɔ ɖeka kple xɔtuɖoɖo aɖewo. Bootlint léa ŋku ɖe eŋu be Bootstrap ƒe akpawo ƒe kpɔɖeŋuwo le HTML si woɖo nyuie. Bu Bootlint tsɔtsɔ kpe ɖe wò Bootstrap web development toolchain ŋu ale be vodada siwo bɔ dometɔ aɖeke nagaɖe wò dɔa ƒe ŋgɔyiyi dzi akpɔtɔ o.

Hatsotso

Miyi edzi mianya nu tso Bootstrap ƒe ŋgɔyiyi ŋu eye miatsɔ dɔwɔnu siawo siwo akpe ɖe ame ŋu la aɖo nutoa me tɔwo gbɔ.

Àteŋu adze @getbootstrap hã yome le Twitter dzi hena nyatoƒoetoto yeyewo kple hadzidzi video dziŋɔwo.

Nyaŋuɖoɖo ƒe nuwɔametɔnyenye

Bootstrap trɔa asi le wò axawo ŋu le eɖokui si ɖe screen ƒe lolome vovovowo nu. Alesi nàwɔ nuwɔametɔe le nɔnɔme sia me ale be wò axaa nawɔ dɔ abe kpɔɖeŋu sia si mewɔa dɔ o ene enye si .

Afɔɖeɖe siwo nàwɔ be axaa ƒe ŋuɖoɖo nawɔ dɔ o

  1. Ðe nukpɔkpɔ ƒe ʋɔtru si <meta>woyɔ le CSS ƒe nuŋlɔɖiwo me la ɖa
  2. Trɔ asi le widthon the .containerŋu na grid tier ɖesiaɖe kple kekeme ɖeka, le kpɔɖeŋu me width: 970px !important;Kpɔ egbɔ be esia va le Bootstrap CSS si woɖo ɖi la megbe. Àte ŋu aƒo asa na !importantkple media biabia alo selector-fu aɖewo.
  3. Ne èle navbarwo zãm la, ɖe navbar ƒe nuwɔna siwo katã le gbagbãm kple esiwo le kekem ɖe enu la ɖa.
  4. Le grid ƒe ɖoɖowo gome la, zã .col-xs-*klasswo tsɔ kpe ɖe, alo ɖe, titina/gãwo teƒe. Mègatsi dzi o, mɔ̃a ƒe grid si le sue wu la dzidzena ɖe tameɖoɖo kplikpaawo katã nu.

Àhiã Respond.js kokoko na IE8 (esi míaƒe nyadzɔdzɔgblɔmɔnuwo ƒe nyabiasewo gakpɔtɔ li eye wòhiã be woawɔ dɔ tso wo ŋu). Esia na be Bootstrap ƒe "asitelefon nyatakakadzraɖoƒe" ƒe akpawo mewɔa dɔ o.

Bootstrap template kple ŋuɖoɖo ƒe nuwɔametɔ

Míewɔ afɔɖeɖe siawo ŋudɔ le kpɔɖeŋu aɖe me. Xlẽ eƒe dzɔtsoƒe ƒe nuŋɔŋlɔa be nàkpɔ tɔtrɔ tɔxɛ siwo wowɔ.

Kpɔ kpɔɖeŋu si meɖoa nya ŋu o ɖa

Ʋuʋu tso v2.x yi v3.x

Èle didim be yeaʋu tso Bootstrap ƒe tɔtrɔ xoxo aɖe me ayi v3.x mea? Kpɔ míaƒe ʋuʋu ŋuti mɔfiamegbalẽa ɖa .

Browser kple mɔ̃a ƒe kpekpeɖeŋu

Wotu Bootstrap be wòawɔ dɔ nyuie wu le kɔmpiuta kple asitelefon dzi nyatakakadzraɖoƒe yeyetɔwo me, si fia be nyatakakadzraɖoƒe xoxowo ate ŋu aɖe akpa aɖewo ƒe gɔmeɖeɖe siwo ƒe atsyã to vovo, togbɔ be wowɔa dɔ bliboe hã la afia.

Browser siwo ŋu wodoa alɔe

Etɔxɛe la, míedoa alɔ web-browser kple mɔ̃ siwo gbɔna la ƒe tata yeyewo .

Womedoa alɔ web-browser bubu siwo zãa WebKit, Blink, alo Gecko ƒe tata yeyetɔ, eɖanye tẽ alo to mɔ̃a ƒe web view API dzi tẽ o. Gake ele be Bootstrap (le go geɖe me) naɖee afia eye wòawɔ dɔ nyuie le web-browser siawo hã me. Wona kpekpeɖeŋu ŋuti nyatakaka siwo ku ɖe eŋu koŋ le ete.

Asitelefonwo dzi

Le goawo katã me la, Bootstrap doa alɔ mɔ̃ gã ɖesiaɖe ƒe web-browser gbãtɔwo ƒe tata yeyewo. De dzesii be womewɔa dɔ le proxy browserwo (abe Opera Mini, Opera Mobile ƒe Turbo mode, UC Browser Mini, Amazon Silk ene) ŋu o.

Chrome Firefox ƒe ƒuƒoƒo Safari ƒe ƒuƒoƒo
Android dzi Wodo alɔe Wodo alɔe N/A
iOS ƒe nyatakakawo Wodo alɔe Wodo alɔe Wodo alɔe

Desktop dzi nyatakakadzraɖoƒewo

Nenema ke wodoa alɔ kɔmpiutadziɖoɖowo ƒe akpa gãtɔ ƒe tata yeyetɔwo hã.

Chrome Firefox ƒe ƒuƒoƒo Internet dzi Nyatakakadzraɖoƒe Opera ƒe fefewɔƒe Safari ƒe ƒuƒoƒo
Mac Wodo alɔe Wodo alɔe N/A Wodo alɔe Wodo alɔe
Fesrewo ƒe fesrewo Wodo alɔe Wodo alɔe Wodo alɔe Wodo alɔe Womedo alɔe o

Le Windows dzi la, míewɔa dɔ le Internet Explorer 8-11 ŋu.

Le Firefox gome la, tsɔ kpe ɖe normal stable release yeyetɔ ŋu la, míedoa alɔ Firefox ƒe Extended Support Release (ESR) ƒe tata yeyetɔ hã.

Le mɔ si mele se nu o nu la, ele be Bootstrap nadze nyuie eye wòawɔ nu nyuie le Chromium kple Chrome na Linux, Firefox na Linux, kple Internet Explorer 7, kpakple Microsoft Edge me, togbɔ be womeda asi ɖe wo dzi le se nu o hã.

Ne èdi web-browser ƒe vodada aɖewo siwo wòle be Bootstrap nawɔ avu kplii la, kpɔ míaƒe Gli si ku ɖe browser ƒe vodadawo ŋu .

Internet Explorer 8 kple 9 lia dzi

Internet Explorer 8 kple 9 hã doa alɔ, ke hã, taflatse nyae be CSS3 ƒe nɔnɔme aɖewo kple HTML5 ƒe akpa aɖewo mewɔa dɔ bliboe to web-browser siawo dzi o. Tsɔ kpe ɖe eŋu la, Internet Explorer 8 bia be woazã Respond.js be wòana media biabia ƒe kpekpeɖeŋu nawɔ dɔ.

Ŋutinu Internet dzi Nyatakakadzraɖoƒe 8 Internet dzi Nyatakakadzraɖoƒe 9
border-radius Womedo alɔe o Wodo alɔe
box-shadow Womedo alɔe o Wodo alɔe
transform Womedo alɔe o Wodo alɔe, kple -msŋgɔdonya
transition Womedo alɔe o
placeholder Womedo alɔe o

Yi Ðe ​​mate ŋu azãe... hena numeɖeɖe tsitotsito tso browser ƒe kpekpeɖeŋunana CSS3 kple HTML5 ƒe nɔnɔmewo ŋu.

Internet Explorer 8 kple Respond.js

Kpɔ nyuie le nuxlɔ̃ame siwo gbɔna ŋu ne èle Respond.js zãm le wò Internet Explorer 8 ƒe ŋgɔyiyi kple ewɔwɔ ƒe nɔnɔmewo me.

Respond.js kple cross-domain CSS

Respond.js zazã kple CSS si woɖo ɖe (le kpɔɖeŋu me, le CDN dzi) bia ɖoɖo bubu aɖewo. Kpɔ Respond.js docs hena numeɖeɖe bubuwo.

Respond.js kplefile://

Le browser ƒe dedienɔnɔ ƒe sewo ta la, Respond.js mewɔa dɔ kple axa siwo wokpɔ to file://ɖoɖowɔɖia dzi o (abe ne èle HTML faɛl si le mia gbɔ ʋum ene). Be nàdo dɔwɔwɔ ƒe nɔnɔmewo kpɔ le IE8 me la, kpɔ wò axawo to HTTP(S) dzi. Kpɔ Respond.js docs hena numeɖeɖe bubuwo.

Respond.js kple@import

Respond.js mewɔa dɔ kple CSS si ŋu woƒo nu tsoe to @import. Vevietɔ la, wonya be Drupal ƒe ɖoɖo aɖewo zãa @import. Kpɔ Respond.js docs hena numeɖeɖe bubuwo.

Internet Explorer 8 kple aɖakawo ƒe lolome dzi ɖeɖe kpɔtɔ

IE8 mewɔa dɔ bliboe box-sizing: border-box;ne wotsɔe kpe ɖe min-width, max-width, min-height, alo max-height. Le susu ma ta la, tso v3.0.1 dzi la, míegazãnɛ max-widthle .containers.

Internet Explorer 8 kple @font-face

IE8 le nya aɖewo me kple @font-facene wotsɔe kpe ɖe :before. Bootstrap zãa ƒoƒo ɖekae ma kple eƒe Glyphicons. Ne wotsɔ axa aɖe de cache me, eye wotsɔe da ɖe fesrea dzi mouse manɔmee (si fia be zi refresh ƒe abɔta alo tsɔ nane de iframe me) ekema axa la axɔ hafi ŋɔŋlɔdzesi la adze. Ne ètsɔ asi ɖo axaa (ŋutilãa) dzi la, dzesiawo dometɔ aɖewo afia eye ne ètsɔ asi ɖo dzesi susɔeawo dzi la, esiawo hã afia. Kpɔ tata #13863 hena numeɖeɖe bubuwo.

IE Compatibility ƒe mɔnuwo

Womewɔa dɔ le bootstrap ŋu le Internet Explorer ƒe dɔwɔwɔ ƒe nɔnɔme xoxoawo me o. Be nàka ɖe edzi be yele gɔmeɖeɖe ƒe mɔnu yeyetɔ zãm na IE la, bu eŋu kpɔ be <meta>yeade dzesi si sɔ la wò axawo me:

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

Ðo kpe nuŋlɔɖi ƒe nɔnɔme dzi to dɔwɔnu siwo wotsɔ ɖɔa vodadawo ɖo ʋuʋu me: te F12eye nàlé ŋku ɖe "Nuŋlɔɖi ƒe Nɔnɔme" ŋu.

Wode dzesi sia Bootstrap ƒe nuŋlɔɖiwo kple kpɔɖeŋuwo katã me be woakpɔ egbɔ be woɖe egɔme nyuie wu le Internet Explorer ƒe tɔtrɔ ɖesiaɖe si wodo alɔe me.

Kpɔ StackOverflow biabia sia hena nyatakaka bubuwo.

Internet Explorer 10 le Windows 8 kple Windows Phone 8 me

Internet Explorer 10 medea vovototo mɔ̃ ƒe kekeme kple nukpɔkpɔ ƒe kekeme dome o , eye to esia me la, mewɔa nyadzɔdzɔgblɔmɔ̃ ƒe biabiawo ŋudɔ nyuie le Bootstrap ƒe CSS me o. Zi geɖe la, ɖeko nàtsɔ CSS ƒe akpa aɖe akpe ɖe eŋu kabakaba atsɔ aɖɔ esia ɖo:

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

Ke hã, esia mewɔa dɔ na mɔ̃ siwo zãa Windows Phone 8 ƒe tɔtrɔ siwo do xoxo wu Update 3 (si woyɔna be GDR3) , elabena enaa mɔ̃ mawo ɖea kɔmpiuta dzi nukpɔkpɔ si ƒe akpa gãtɔ fiana le esi teƒe be woaɖe "telefon" ƒe nukpɔkpɔ kpui aɖe afia. Be nàkpɔ esia gbɔ la, ahiã be nàde CSS kple JavaScript siwo gbɔna la eme be nàte ŋu akpɔ vodadaa gbɔ .

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

Ne èdi nyatakaka bubuwo kple mɔfiame siwo ku ɖe eŋudɔwɔwɔ ŋu la, xlẽ Windows Phone 8 kple Device-Width .

Abe tagbɔsesẽ ene la, míetsɔ esia de Bootstrap ƒe nuŋlɔɖiwo kple kpɔɖeŋuwo katã me abe wɔwɔfia ene.

Safari ƒe alafa memamã ƒe ƒuƒoƒo

Safari ƒe tɔtrɔ siwo do ŋgɔ na v7.1 na OS X kple Safari na iOS v8.0 ƒe gɔmeɖeɖe mɔ̃a kpɔ kuxi aɖewo le teƒe ewolia siwo wozã le míaƒe .col-*-1grid klasswo me ƒe xexlẽme ŋu. Eyata ne grid sɔti ɖekaɖeka 12 le asiwò la, àde dzesii be wova kpuie ne wotsɔe sɔ kple sɔti ƒe fli bubuwo. Tsɔ kpe ɖe Safari/iOS ƒe tɔtrɔ ŋu la, tiatia aɖewo le asiwò hena dɔwɔwɔwo:

  • Tsɔ kpe .pull-rightɖe wò grid column mamlɛtɔ ŋu be nàkpɔ hard-right ƒe ɖoɖowɔwɔ
  • Tweak wò alafa memamãwo kple asi be nàkpɔ ƒoƒo deblibo na Safari (sesẽ wu tiatia gbãtɔ)

Modalwo, navbarwo, kple virtual keyboardwo

Nusiwo yɔ fũ kple agbalẽxatsaxatsa

Kpekpeɖeŋu na overflow: hiddenle <body>element la dzi se ɖe afi aɖe ŋutɔ le iOS kple Android me. Be nàte ŋu awɔ esia la, ne èʋu modal aɖe ƒe tame alo ete le mɔ̃ mawo ƒe web-browserwo dometɔ aɖe me la, <body>emenyawo adze ʋuʋu gɔme. Kpɔ Chrome ƒe vodada #175502 (woɖɔe ɖo le Chrome v40 me) kple WebKit ƒe vodada #153852 .

iOS nuŋɔŋlɔ ƒe akpawo kple ʋuʋu

<input>Tso iOS 9.3 dzi la, esime modal aɖe le ʋuʋu ɖi la, ne agbalẽxatsaxatsa ƒe dzesi ƒe asikaka gbãtɔ le nuŋɔŋlɔ alo a ƒe liƒo me la, woaʋu <textarea>nya <body>siwo le modal la te ɖe modal la ŋutɔ teƒe. Kpɔ WebKit ƒe vodada #153856 .

Virtual keyboardwo ƒe ƒuƒoƒo

Azɔ hã, de dzesii be ne èle navbar si woɖo ɖi zãm alo nèle nyawo tsɔtsɔ de eme zãm le modal me la, gɔmeɖeɖe ƒe vodada aɖe le iOS ŋu si mewɔa asitɔtrɔ le nusiwo woɖo ɖi ƒe nɔƒe ŋu ne wodze virtual keyboard la gɔme o. Dɔwɔwɔ ʋee aɖewo na esia dometɔ aɖewoe nye wò akpawo ƒe tɔtrɔ ɖe position: absolutealo yɔyɔ ɣeyiɣidzidzenu le susu dzi be nàdze agbagba aɖɔ teƒea ɖo kple asi. Esia mekpɔa Bootstrap gbɔ o, eyata wò ŋutɔ gbɔe wòtso be nàtso nya me le egbɔkpɔnu si nyo na wò dɔwɔɖoɖoa ŋu.

Womezãa .dropdown-backdropelement la le iOS le nav me o le z-indexing ƒe sesẽ ta. Eyata, be nàtu nusiwo le navbars me la, ele be nàzi nusiwo le tsia dzi la dzi tẽ (alo nu bubu ɖesiaɖe si atɔ dzo nudzɔdzɔ si le iOS me ).

Browser ƒe lolome dzi ɖeɖe kpɔtɔ

Axa ƒe lolome dzi ɖeɖe kpɔtɔ ɖea gɔmeɖeɖe ƒe asinudɔwɔwɔwo fiana godoo le akpa aɖewo me, le Bootstrap kple nyatakakadzraɖoƒea ƒe akpa mamlɛa siaa me. Le nyaa nu la, míate ŋu aɖɔe ɖo (di gbã eye emegbe nàʋu nya aɖe ne ehiã). Ke hã, míedina be míaŋe aɖaba aƒu esiawo dzi elabena zi geɖe la, egbɔkpɔnu aɖeke mele wo si tẽ o negbe hacky workarounds ko.

Sticky :hover/ :focusle asitelefon dzi

Togbɔ be hovering ŋutɔŋutɔ mateŋu adzɔ le touchscreen akpa gãtɔ dzi o hã la, asitelefon dzi browser akpa gãtɔ srɔ̃a hovering ƒe kpekpeɖeŋu eye wowɔa :hover"sticky". Ne míagblɔe bubui la, :hoveratsyãwo dzea dɔwɔwɔ gɔme ne wozi element aɖe dzi vɔ eye ne zãla la ƒo nu bubu aɖe vɔ ko hafi wodzudzɔa dɔwɔwɔ. Esia ateŋu ana Bootstrap ƒe :hovernɔnɔmewo nazu "atsi" le mɔ si medze o nu le web-browser mawo tɔgbe dzi. Asitelefon dzi web-browser aɖewo hã naa nu :focusléna ɖe nu ŋu nenema ke. Fifia la, nya siawo gbɔ kpɔkpɔ bɔbɔe aɖeke meli o negbe atsyã mawo ɖeɖeɖa keŋkeŋ ko.

Agbalẽtata

Le egbegbe web-browser aɖewo gɔ̃ hã me la, agbalẽtata ate ŋu anye nusi me susu mele o.

Vevietɔ, tso Chrome v32 dzi eye metsɔ le margin ƒe ɖoɖowo me o, Chrome zãa nukpɔkpɔ ƒe kekeme si le kpuie ŋutɔ wu pepa ŋutɔŋutɔ ƒe lolome ne ele nyadzɔdzɔgblɔmɔnuwo ƒe nyabiasewo gbɔ kpɔm esime wòle nyatakakadzraɖoƒe aɖe tam. Esia ate ŋu ana Bootstrap ƒe grid sue si sɔ gbɔ wu la nawɔ dɔ le vome ne ele agbalẽ tam. Kpɔ tata #12078 kple Chrome ƒe vodada #273306 hena numeɖeɖe aɖewo. Dɔwɔwɔ siwo wodo ɖa be woatsɔ akpɔ egbɔe:

  • Xɔ grid si le sue wu la eye nàkpɔ egbɔ be wò axaa dze abe ɖe woda asi ɖe edzi ene le ete.
  • Trɔ asi le @screen-*Less ƒe tɔtrɔwo ƒe asixɔxɔwo ŋu ale be woabu wò agbalẽtamɔ̃ ƒe pepa be elolo wu sue ŋutɔ.
  • Tsɔ media biabia tɔxɛwo kpee be nàtrɔ grid ƒe lolome ƒe breakpoints na print media ɖeɖeko.

Azɔ hã, tso Safari v8.0 dzi la, fixed-width .containers ateŋu ana Safari nazã ŋɔŋlɔdzesi sue aɖe si mebɔ o ne ele agbalẽ tam. Kpɔ #14868 kple WebKit ƒe vodada #138192 hena numeɖeɖe bubuwo. Esia gbɔ kpɔnu ɖeka si woate ŋu azãe nye CSS si gbɔna la tsɔtsɔ kpee:

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

Android ƒe nudzraɖoƒe ƒe nyatakakadzraɖoƒe

Le aɖaka la me la, Android 4.1 (kple edze abe nu yeye aɖewo gɔ̃ hã siwo woɖe ɖe go ene) ɖoa wo ɖe Browser dɔwɔnua abe nyatakakadzraɖoƒe si nètia ene (si to vovo na Chrome). Nublanuitɔe la, vodada geɖe le Browser dɔwɔnua ŋu eye mewɔ ɖeka kple CSS le goawo katã me o.

Tia nuɖuɖu siwo le eme

Le <select>elements dzi la, Android stock browser la maɖe axadzidziɖuɖuwo afia nenye be a aɖe li border-radiuseye/alo borderwozãe. (Kpɔ StackOverflow biabia sia hena numeɖeɖe bubuwo.) Zã kɔda ƒe akpa aɖe si le ete nàtsɔ aɖe CSS si do dziku la ɖa eye nàɖee afia <select>abe nusi womewɔ atsyã na o ene le Android stock browser la dzi. Zãla ƒe dɔwɔƒea ƒe ʋeʋẽ lilili ƒoa asa na Chrome, Safari, kple Mozilla ƒe nyatakakadzraɖoƒewo ƒe nudede eme.

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

Àdi be yeakpɔ kpɔɖeŋu aɖea? Kpɔ JS Bin ƒe wɔwɔfia sia ɖa.

Ame siwo ɖoa kpe edzi

Be woakpɔ nuteƒekpɔkpɔ nyuitɔ kekeake na web-browser xoxowo kple esiwo me vodada le la, Bootstrap zãa CSS browser hacks le teƒe geɖe tsɔ ɖoa ​​taɖodzinu na CSS tɔxɛwo ɖe web-browser ƒe tɔtrɔ aɖewo ŋu be woate ŋu awɔ dɔ tso vodada siwo le web-browserawo ŋutɔ me ŋu. Gɔmesese le eŋu be hack siawo nana CSS validators toa nyatoƒoe be yewomele eteƒe o. Le teƒe eve aɖewo la, míezãa Bleeding-edge CSS features siwo womeɖo ɖe ɖoɖo nu bliboe haɖe o hã, gake wozãa esiawo hena ŋgɔyiyi vivivi ɖeɖeko.

Nuxlɔ̃ame siawo siwo wotsɔ ɖo kpe edzi la mehiã le nuwɔna me o elabena míaƒe CSS ƒe akpa si menye hacky o la ɖoa kpe edzi bliboe eye akpa siwo nye hacky la medoa kplamatse akpa si menye hacky o ƒe dɔwɔwɔ nyuie o, eyatae míeɖonɛ koŋ ŋea aɖaba ƒua nuxlɔ̃ame siawo koŋ dzi ɖo.

Míaƒe HTML nuŋlɔɖiwo hã le HTML ƒe kpeɖodzi ƒe nuxlɔ̃ame aɖewo siwo mele vevie o eye womehiã o la le esi míetsɔ Firefox ƒe vodada aɖe gbɔ kpɔnu aɖe de eme ta .

Ame etɔ̃lia ƒe kpekpeɖeŋu

Togbɔ be míedoa alɔ ame etɔ̃lia ƒe kpeɖeŋutɔ alo kpeɖeŋutɔ aɖeke le se nu o hã la, míeɖoa aɖaŋu nyui aɖewo be wòakpe ɖe ŋuwò nàƒo asa na kuxi siwo ate ŋu ado mo ɖa le wò dɔwo me.

Aɖaka ƒe lolome

Ame etɔ̃lia ƒe kɔmpiuta dɔwɔɖoɖo aɖewo, siwo dometɔ aɖewoe nye Google Maps kple Google Custom Search Engine, tsi tre ɖe Bootstrap ŋu le * { box-sizing: border-box; }, se aɖe si na wòle nenema paddingmekpɔa ŋusẽ ɖe akpa aɖe ƒe kekeme mamlɛtɔ si wobu akɔntae dzi o ta. Srɔ̃ nu geɖe tso aɖaka ƒe kpɔɖeŋu kple lolome ŋu le CSS Tricks .

Le nya siwo ƒo xlãe nu la, àte ŋu atrɔ asi le eŋu alesi nèhiãe (Tiatia 1) alo nàgbugbɔ aɖo aɖaka ƒe lolome na nuto blibowo (Tiatia 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();
}

Mɔnukpɔkpɔwo ƒe Mɔnukpɔkpɔ

Bootstrap zɔna ɖe nyatakakadzraɖoƒe ƒe dzidzenu siwo bɔ dzi eye—ne wodze agbagba boo aɖeke kpee o—woate ŋu azãe atsɔ awɔ nyatakakadzraɖoƒe siwo dzi amesiwo zãa AT ate ŋu akpɔ .

Trɔ asi le mɔfiamewo ŋu

Ne kadodo geɖe le wò mɔfiamegbalẽa me eye wòdo ŋgɔ na nya vevi siwo le DOM la me la, ke tsɔ Skip to main contentkadodo aɖe kpee do ŋgɔ na mɔfiameawo (hena numeɖeɖe bɔbɔe la, kpɔ A11Y Project ƒe nyati sia si ku ɖe skip navigation links ŋu ). Klas la zazã .sr-onlyaɣla skip kadodoa le nukpɔkpɔ me, eye .sr-only-focusableklass la akpɔ egbɔ be kadodoa va dzena ne wonya ɖo ŋku edzi ko (na keyboard zãla siwo kpɔa nu).

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

Tanya siwo wotsɔ ƒo ƒui

Ne èle tanyawo ( <h1>- <h6>) ƒom la, ele be wò nuŋlɔɖi ƒe tanya vevitɔ nanye <h1>. Ele be tanya siwo akplɔe ɖo nawɔ <h2>- <h6>ale be screen readers nate ŋu awɔ emenyawo ƒe kplɔ̃ na wò axawo.

Srɔ̃ nu geɖe le HTML CodeSniffer kple Penn State ƒe AccessAbility .

Amadede ƒe vovototo

Fifia, amadede ƒokpli gbãtɔ aɖewo siwo li le Bootstrap me (abe atsyã vovovoawo ƒe abɔta ƒe hatsotsowo, kɔda ƒe amadede aɖewo siwo te gbe ɖe kɔda ƒe mɔxenu veviwo dzi , nya .bg-primary siwo ƒo xlã megbe kpeɖeŋutɔ ƒe hatsotso, kple kadodo ƒe amadede si woɖo ɖi ne wozãe le megbe ɣi dzi) ƒe vovototo si le wo dome la le sue (si le 4.5:1 ƒe xexlẽme si wokafu la te ). Esia ate ŋu ahe kuxiwo vɛ na ezãla siwo ƒe ŋkuwo mekpɔa nu nyuie o alo amesiwo ƒe amadede mekpɔa nu nyuie o. Ðewohĩ ahiã be woatrɔ asi le amadede siawo siwo woɖo ɖi ŋu be woƒe vovototo kple nuxexlẽ nadzi ɖe edzi.

Dɔwɔnu bubuwo

Mɔɖegbalẽ ƒe Nyabiasewo

Bootstrap do le MIT ƒe mɔɖegbalẽ te eye wònye nutata ƒe gomenɔamesi 2016 Twitter. Ne woɖae wòzu akpa suewo la, woate ŋu atsɔ nɔnɔme siwo gbɔna aɖɔe.

Ebia tso asiwò be nàwɔ nu siawo:

  • Na mɔɖegbalẽ kple nutata ƒe gomenɔamesi ŋuti nyatakaka nanɔ Bootstrap ƒe CSS kple JavaScript faɛlwo me ne èle wo zãm le wò dɔwo me

Eɖea mɔ na wò be:

  • Bootstrap ƒe kɔpi femaxee eye nàzãe, eƒe akpa bliboa alo eƒe akpa aɖe, hena ame ŋutɔ ƒe taɖodzinuwo, ame ŋutɔ tɔ, dɔwɔƒea ƒe ememe, alo asitsatsa ƒe taɖodzinuwo
  • Zã Bootstrap le package alo mama siwo nèwɔ me
  • Trɔ asi le nyatakakatsoƒea ŋu
  • Na mɔɖegbalẽ sue aɖe be nàtrɔ asi le Bootstrap ŋu ahamae na ame bubu siwo mele mɔɖegbalẽa me o

Exe mɔ na wò be màgawɔ nu siawo o:

  • Mitsɔ agbalẽŋlɔlawo kple mɔɖegbalẽtɔwo ƒe agbanɔamedzi ɖe nusiwo dome gblẽ ta elabena wotsɔ Bootstrap na mɔɖegbalẽ manɔmee
  • Mitsɔ agba na Bootstrap wɔlawo alo amesiwo si nutata ƒe gomenɔamesi le
  • Gbugbɔ ma Bootstrap ƒe akpa ɖesiaɖe evɔ màgblɔe nyuie o
  • Zã dzesi ɖesiaɖe si le Twitter si le mɔ ɖesiaɖe si ate ŋu agblɔ alo afia be Twitter da asi ɖe wò mama dzi la nu
  • Zã dzesi ɖesiaɖe si le Twitter si le mɔ ɖesiaɖe si ate ŋu agblɔ alo afia be wòe wɔ Twitter ƒe kɔmpiutadziɖoɖo si ŋu nya ku ɖo la nu

Mebia tso asiwò be nàwɔ nu siawo o:

  • De Bootstrap ŋutɔ ƒe dzɔtsoƒe, alo tɔtrɔ ɖesiaɖe si nàte ŋu awɔ le eŋu la ɖe gbugbɔmamã ɖesiaɖe si nàte ŋu aƒo ƒu si me wòle la me
  • Tsɔ tɔtrɔ siwo nèwɔ ɖe Bootstrap ŋu la ɖo ɖe Bootstrap dɔa me ake (togbɔ be wodea dzi ƒo na nyaŋuɖoɖo mawo tɔgbe hã)

Bootstrap ƒe mɔɖegbalẽ bliboa le dɔa ƒe nudzraɖoƒe hena nyatakaka bubuwo.

Gbegɔmeɖeɖewo

Nutoa me tɔwo ɖe Bootstrap ƒe nuŋlɔɖiwo gɔme ɖe gbe vovovowo me. Womeda asi ɖe wo dometɔ aɖeke dzi le se nu o eye ɖewohĩ womanɔ ɣeyiɣi nyuitɔ dzi ɣesiaɣi o.

Míekpe asi ɖe ɖoɖowɔwɔ ɖe gbegɔmeɖeɖewo ŋu alo wo xɔxɔ ŋu o, ɖeko míedoa ka kpli wo.

Èwu gɔmeɖeɖe yeye alo esi nyo wu nua? Ʋu he biabia aɖe be nàtsɔe akpe ɖe míaƒe xexlẽdzesiwo ŋu.