Botali ya mosala, makambo oyo ezali na kati, mpe ndenge ya kobanda na modèle moko ya pɛtɛɛ.
Yambo ya kozwa, sala makasi ozala na éditeur ya code (tosengi Sublime Text 2 ) mpe mwa boyebi ya mosala ya HTML mpe CSS. Tokotambola te na kati ya ba fichiers source awa, kasi ezali disponible pona ko télécharger. Tokotia makanisi na biso na kobanda na ba fichiers ya Bootstrap oyo esangisi.
Lolenge ya mbangu ya kobanda: kozwa ba versions compilées mpe minifiées ya CSS, JS, mpe bilili na biso. Ba docs to ba fichiers ya source original te.
Bozua ba fichiers original pona CSS na JavaScript nionso, elongo na copie locale ya ba docs na ko télécharger version ya sika directement na GitHub.
Na kati ya téléchargement okokuta structure ya fichier oyo elandi mpe makambo oyo ezali na kati, ko grouper logiquement ba biens communs mpe kopesa ba variations compilées mpe minifiées.
Soki osili kozwa yango, fungola dossier oyo enyatami mpo na komona ndenge oyo Bootstrap (oyo esangisi yango) esalemi. Okomona likambo ya ndenge oyo:
bootstrap / ├── css / │ ├── eloko ya kosala na yango . css │ ├── eloko ya kofungola . min . css ├── js / │ ├── eloko ya kosala na ebandeli . js │ ├── eloko ya kokanga na ebandeli . min . js ├── img / │ ├── ba glyphicons - ba halflings . png │ ├── ba glyphicons - ba halflings - pembe . png └── TANGANGA . md
Oyo ezali lolenge ya moboko ya Bootstrap: ba fichiers compilés mpo na usage ya drop-in ya mbangu na presque projet web nionso. Tozali kopesa CSS mpe JS oyo esangisi ( bootstrap.*
), bakisa mpe CSS mpe JS ( bootstrap.min.*
) oyo esalemi mpe oyo esalemi na mikemike. Ba fisyé ya bililingi ekangamaka na lisalisi ya ImageOptim , programɛ moko ya Mac mpo na kofinafina ba PNG.
Tosengi oyeba ete ba plugins nionso ya JavaScript esengaka jQuery ezala na kati.
Bootstrap eyaka na HTML, CSS, mpe JS mpo na makambo ya ndenge nyonso, kasi ekoki kozala na bokuse na mwa ndambo ya biteni oyo ezali komonana na likoló ya mikanda ya Bootstrap .
Ba styles ya mokili mobimba pona nzoto ezo réinitialiser type na fond, ba styles ya lien, système ya grille, na ba layouts mibale ya pete.
Ba styles mpo na ba éléments HTML oyo emonanaka mingi lokola typographie, code, ba tableaux, ba formulaires, mpe ba boutons. Lisusu ezali na Glyphicons , ensemble ya ba icônes ya moke ya monene.
Ba styles ya base pona ba composants ya interface commune lokola ba onglets na ba pilule, navbar, ba alertes, ba têtes ya page, pe ebele.
Ndenge moko na ba Composants, ba plugins oyo ya Javascript ezali ba composants interactifs pona makambo lokola ba tolips ya bisaleli, ba popovers, ba modals, pe ebele.
Elongo, biteni ya Composants mpe ba plugins ya Javascript epesaka ba éléments ya interface oyo elandi:
Na batambwisi ya mikolo mizali koya, tokoki kotambola na kati ya biteni oyo moko na moko na bozindo mingi. Kino ntango wana, luká mokomoko na yango na mikanda mpo na koyeba ndenge ya kosalela yango mpe kobongisa yango na ndenge ya moto ye moko.
Na intro mokuse na kati ya makambo libanda ya nzela, tokoki ko focuser kotia Bootstrap na kosalela. Mpo na kosala yango, tokosalela modèle HTML ya moboko oyo ezali na makambo nyonso oyo tolobelaki na ebongiseli ya Fichier .
Sikawa, talá fisyé HTML ya momeseno :
- <!MOKANDA YA MOSALA html>
- <html>
- <motó>
- <title> Modèle ya 101 ya bobandi </title>
- </motó>
- <nzoto>
- <h1> Mbote, mokili! </h1>
- <script src = "https://code.jquery.com/jsquery-ya sika.js" ></script>
- </nzoto>
- </html>
Mpo na kosala oyo modèle ya Bootstrapped , kotia kaka ba fichiers CSS mpe JS oyo ebongi:
- <!MOKANDA YA MOSALA html>
- <html>
- <motó>
- <title> Modèle ya 101 ya bobandi </title>
- <!-- Mokanda ya kofungola -->
- <lien href = "css/bootstrap.min.css" rel = "lokasa ya lolenge" >
- </motó>
- <nzoto>
- <h1> Mbote, mokili! </h1>
- <script src = "https://code.jquery.com/jsquery-ya sika.js" ></script>
- <script src = "js/bobandi.min.js" </script>
- </nzoto>
- </html>
Mpe ozali na esika! Na ba fichiers mibale wana oyo ebakisami, okoki kobanda kosala site to application nionso na Bootstrap.
Boleka modèle ya base na mua ba layouts ya exemple. Tozali kolendisa bato bázongela bandakisa oyo mpe básalela yango kaka te lokola mbano ya nsuka.
Ezali na unité ya elombe mpo na message ya liboso mpe ba éléments misato ya soutien.
Esalelaka système na biso ya sika ya grille oyo ezo répondre, fluide pona kosala layout ya liquide sans soudure.
Mokanda HTML ya barebones na ba CSS nionso ya Bootstrap na javascript ekotisami.
Motó na ba docs mpo na koyeba makambo, bandakisa, mpe biteni ya code, to zwa saut oyo elandi mpe bongisa Bootstrap mpo na mosala nyonso oyo ezali koya.
Kota na ba docs ya Bootstrap Personnaliser Bootstrap na ndenge ya yo moko