Мазмуну
Bootstrap'те эмнелер камтылганын, анын ичинде алдын ала түзүлгөн жана баштапкы код даамдарыбызды билип алыңыз. Эсиңизде болсун, Bootstrap'тин JavaScript плагиндери jQuery талап кылат.
Алдын ала түзүлгөн жүктөөчү
Жүктөлүп алынгандан кийин, кысылган папканы ачыңыз жана сиз төмөнкүдөй нерсени көрөсүз:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ └── bootstrap.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
Бул Bootstrapтин эң негизги формасы: дээрлик бардык веб-долбоордо тез колдонуу үчүн алдын ала компиляцияланган файлдар. Биз компиляцияланган CSS жана JS ( bootstrap.*
), ошондой эле компиляцияланган жана кичирейтилген CSS жана JS ( bootstrap.min.*
) менен камсыз кылабыз. Булак карталары ( bootstrap.*.map
) белгилүү бир браузерлердин иштеп чыгуучу куралдары менен колдонуу үчүн жеткиликтүү. Топтолгон JS файлдары ( bootstrap.bundle.js
жана кичирейтилген bootstrap.bundle.min.js
) Попперди камтыйт , бирок jQuery эмес .
CSS файлдары
Bootstrap компиляцияланган CSSтин айрымдарын же бардыгын камтыган бир нече варианттарды камтыйт.
CSS файлдары | Макет | Мазмун | Компоненттер | Утилиталар |
---|---|---|---|---|
bootstrap.css
bootstrap.min.css
|
камтылган | камтылган | камтылган | камтылган |
bootstrap-grid.css
bootstrap-grid.min.css
|
Бир гана тор системасы | Кирбейт | Кирбейт | Жөн гана ийкемдүү кызматтар |
bootstrap-reboot.css
bootstrap-reboot.min.css
|
Кирбейт | Жөн гана кайра жүктөө | Кирбейт | Кирбейт |
JS файлдары
Ошо сыяктуу эле, бизде компиляцияланган JavaScriptтин айрымдарын же бардыгын кошуу үчүн варианттар бар.
JS файлдары | Поппер | jQuery |
---|---|---|
bootstrap.bundle.js
bootstrap.bundle.min.js
|
камтылган | Кирбейт |
bootstrap.js
bootstrap.min.js
|
Кирбейт | Кирбейт |
Bootstrap булак коду
Bootstrap булак кодун жүктөп алуу булагы Sass, JavaScript жана документтер менен бирге алдын ала түзүлгөн CSS жана JavaScript активдерин камтыйт. Тагыраак айтканда, ал төмөнкүлөрдү жана башкаларды камтыйт:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └── content/
| └── docs/
| └── 4.6/
| └── examples/
├── js/
└── scss/
жана биздин CSS жана JavaScript үчүн баштапкы коду болуп саналат scss/
. Папка жогоруда алдын ала түзүлгөн жүктөө бөлүмүндө саналган нерселердин баарын камтыйт js/
. Папка биздин документтерибиздин баштапкы кодун жана Bootstrap колдонууну камтыйт dist/
. Андан тышкары, башка камтылган файл пакеттерге, лицензиялык маалыматка жана иштеп чыгууга колдоо көрсөтөт.site/docs/
examples/