Potens, extensibilis, pluma-conferta frontend toolkit. Aedificare et customize cum Sass, utendum prebuilt ratio euismod et componentium, et incepta ad vitam adducere cum validis JavaScript plugins.
Currently v5.2.2 · Download · v4.6.x docs · All releases
Salire ius ad aedificationem cum Bootstrap-utere CDN, institue per sarcinam procuratorem, vel fontem codicem depone.
Install Bootstrap fontem Sass et JavaScript lima per npm, RubyGems, Composer vel Meteor. Sarcina administrata institutiones non includunt documenta vel scripta nostra plena constructio. Poteris etiam nostris npm template repo utere ut cito generare consilium per npm Bootstrap.
npm install [email protected]gem install bootstrap -v 5.2.2Legite institutionem nostram soUicitudo pro more info et addito involucro actoribus.
Cum solum opus est ut Bootstrap scriptum CSS vel JS includere, jsDelivr uti potes . Vide in agendo cum simplicibus nostris inceptio velocem , vel percurrere exempla ad proximum project tuum jumpstart. Potes etiam eligere ut Popper et nostra JS separatim includant .
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
Bootstrap Sass utitur ad architecturae modularis et customizable. Sola elementa quae debes importare, optiones globales sicut gradientes et umbrae fac, et scribe tuam CSS cum nostris variabilibus, mappis, unctionibus et mixinis.
Inferre unum stylesheet et curriculis abiisti cum omnibus notis nostris CSS.
// Variable overrides first
$primary: #900;
$enable-shadows: true;
$prefix: "mo-";
// Then import Bootstrap
@import "../node_modules/bootstrap/scss/bootstrap";
Disce plus de optionibus nostris global Sass .
Facillima via est ut Bootstrap customize - solum includere CSS opus est.
// Functions first
@import "../node_modules/bootstrap/scss/functions";
// Variable overrides second
$primary: #900;
$enable-shadows: true;
$prefix: "mo-";
// Required Bootstrap imports
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/maps";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/root";
// Optional components
@import "../node_modules/bootstrap/scss/utilities";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";
@import "../node_modules/bootstrap/scss/helpers";
@import "../node_modules/bootstrap/scss/utilities/api";
Disce plus de usura Bootstrap cum Sass .
Bootstrap 5 evolvit cum unaquaque missione ut melius CSS variabilium utendorum causa pro thematis globalis generibus, singularum partium, ac etiam utilitatibus evolvatur. justos variabilium praebemus colorum, colorum, fontium genera, magisque in :rootplano usui alicubi. In componentibus et utilitatibus variabiles CSS ad genus pertinentes disseminatae sunt et facile mutari possunt.
Utere aliquo variabilium globalium nostrorum:root ad novos stilos scribendos. Variabiles var(--bs-variableName)syntaxi utuntur et CSS elementa hereditari possunt.
.component {
color: var(--bs-gray-800);
background-color: var(--bs-gray-100);
border: 1px solid var(--bs-gray-200);
border-radius: .25rem;
}
.component-header {
color: var(--bs-purple);
}Override global, component, aut utilitas variabilium ordinis ad Bootstrap customize modo quomodo libet. Non opus est singulas regulas referre, modo novum valorem variabile.
body {
--bs-body-font-family: var(--bs-font-monospace);
--bs-body-line-height: 1.4;
--bs-body-bg: var(--bs-gray-100);
}
.table {
--bs-table-color: var(--bs-gray-600);
--bs-table-bg: var(--bs-gray-100);
--bs-table-border-color: transparent;
}New in Bootstrap 5, utilitates nostrae nunc generantur ab Utilitate nostra API . Nos eam aedificavimus ut mappam Sass refertam quae cito ac facile nativus fieri potest. Numquam facilius fuit classes utiles addere, auferre, mutare. Utilitates responsivas fac, variantes pseudo-classis addas, et nomina consuetudinis da eis.
// Create and extend utilities with the Utility API
@import "bootstrap/scss/bootstrap";
$utilities: map-merge(
$utilities,
(
"cursor": (
property: cursor,
class: cursor,
responsive: true,
values: auto pointer grab,
)
)
);
Facile adde toggleabilia occulta elementa, modales et offcanvas menus, popoveri et instrumenta, et multo magis — omnia sine interrogatione. JavaScript in Bootstrap est HTML-primus, quod significat plugins addendo tam facile quam dataattributa addendo. Quid ultra imperas? Singula plugins programmatice includunt.
Cur JavaScript plus scribere cum HTML scribere potes? Fere omnes JavaScript plugins in Bootstrap datae API primae classis datae sunt, permittens te uti JavaScript tantum addendo dataattributis.
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Dropdown item</a></li>
<li><a class="dropdown-item" href="#">Dropdown item</a></li>
<li><a class="dropdown-item" href="#">Dropdown item</a></li>
</ul>
</div>
Learn more about our JavaScript as modules and using the programmatic API .
Bootstrap lineamenta duodecim plugins quae in aliquod project potes cadere. Eos in omnes simul, vel justos elige quos debes.
Bootstrap Icones fons apertus est SVG bibliothecae iconis quae supra 1,500 glyphas fingit, cum omnibus emissione magis adiectis. In aliquo consilio elaborare constituunt, utrum ipso Bootstrap uteris necne. Iis utere ut SVGs vel fontibus iconibus – utraque optiones tibi dant vectorem scandentem et facilem customizationem per CSS.
Take Bootstrap to the next level with premium themes from the official Bootstrap Themes marketplace . Themata in Bootstrap aedificata sunt ut compages suas extensas, locupletes novis componentibus et plugins, documentis et instrumentis validis constructis.
