Qabiyyee
Bootstrap keessatti maaltu akka hammatame argadhu, mi'aa koodii qindaa'ee fi madda keenya dabalatee.
Bootstrap kan qindaa'e
Erga buufattanii booda galmee compressed sana unzip gochuun waan akkanaa ni argitu:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
Kun bifa Bootstrap isa hunda caalaa bu'uuraati: faayiloota qindaa'an fayyadama saffisaa kufaatii pirojektii weeb kamiyyuu keessatti jechuun ni danda'ama. CSS fi JS ( bootstrap.*
) qindaa'e, akkasumas CSS fi JS ( bootstrap.min.*
) qindaa'ee fi xiqqaate ni kennina. Kaartoonni madda ( bootstrap.*.map
) meeshaalee guddiftuu biraawzaroota murtaa'an waliin fayyadamuuf ni argamu. Faayiloonni JS walitti qabaman ( bootstrap.bundle.js
fi xiqqaa bootstrap.bundle.min.js
ta'an ) Popper of keessatti qabatu .
Faayilota CSS
Bootstrap CSS keenya qindaa'e tokko tokko ykn hunda hammachuudhaaf filannoowwan muraasa of keessaa qaba.
Faayilota CSS | Tarreeffama | Qabiyyee | Qaamolee | Faayidaa (Utilities) jedhaman |
---|---|---|---|---|
bootstrap.css bootstrap.min.css bootstrap.rtl.css bootstrap.rtl.min.css |
Dabalatee | Dabalatee | Dabalatee | Dabalatee |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css |
Sirna giiridii qofa | — . | — . | Faayidaa flex qofa |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css |
— . | — . | — . | Dabalatee |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css |
— . | Reboot qofa | — . | — . |
Faayilota JS
Haaluma walfakkaatuun, JaavaScript keenya qindeessine tokko tokko ykn hunda hammachuudhaaf filannoo qabna.
Faayilota JS | Popper jedhamuun beekama |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js |
Dabalatee |
bootstrap.js bootstrap.min.js |
– 1. . |
Koodii madda Bootstrap
Buufanni koodii madda Bootstrap qabeenya CSS fi JavaScript qindaa'e, madda Sass, JavaScript, fi galmee waliin of keessatti qabata. Caalaatti ibsuuf, kanneen armaan gadii fi kanneen biroo of keessatti qabata:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.2/
│ └── examples/
├── js/
└── scss/
The scss/
fi js/
koodii madda CSS fi JavaScript keenyaati. Galmeen kun dist/
waan kutaa buufannaa qindaa'e armaan olitti tarreeffame hunda of keessatti qabata. Galmeen site/content/docs/
koodii madda galmee keenya keessummeefame of keessatti qabata, fakkeenyota keenya kallattiin fayyadama Bootstrap dabalatee.
Kana bira darbee, faayilii hammatame kan biraa kamiyyuu paakeejii, odeeffannoo hayyamaa, fi misoomaaf deeggarsa kenna.