JumprightintobuildingwithBootstrap—usetheCDN,installitviapackagemanager,ordownloadthesourcecode.
BootstraputilizesSassforamodularandcustomizablearchitecture.Importonlythecomponentsyouneed,enableglobaloptionslikegradientsandshadows,andwriteyourownCSSwithourvariables,maps,functions,andmixins.
Importonestylesheetandyou'reofftotheraceswitheveryfeatureofourCSS.
TheeasiestwaytocustomizeBootstrap—includeonlytheCSSyouneed.
Bootstrap5isevolvingwitheachreleasetobetterutilizeCSSvariablesforglobalthemestyles,individualcomponents,andevenutilities.Weprovidedozensofvariablesforcolors,fontstyles,andmoreata:rootlevelforuseanywhere.Oncomponentsandutilities,CSSvariablesarescopedtotherelevantclassandcaneasilybemodified.
.component{color:var(--bs-gray-800);background-color:var(--bs-gray-100);border:1pxsolidvar(--bs-gray-200);border-radius:.25rem;}.component-header{color:var(--bs-purple);}CustomizingviaCSSvariablesOverrideglobal,component,orutilityclassvariablestocustomizeBootstrapjusthowyoulike.Noneedtoredeclareeachrule,justanewvariablevalue.
UseBootstrap'sutilityAPItomodifyanyofourincludedutilitiesorcreateyourowncustomutilitiesforanyproject.ImportBootstrapfirst,thenuseSassmapfunctionstomodify,add,orremoveutilities.
Addtoggleablehiddenelements,modalsandoffcanvasmenus,popoversandtooltips,andsomuchmore—allwithoutjQuery.Bootstrap'sJavaScriptisHTML-first,meaningmostpluginsareaddedwithdataattributesinyourHTML.NeedmorecontrolIncludeindividualpluginsprogrammatically.
WhywritemoreJavaScriptwhenyoucanwriteHTMLNearlyallofBootstrap'sJavaScriptpluginsfeatureafirst-classdataAPI,allowingyoutouseJavaScriptjustbyaddingdataattributes.
Bootstrapfeaturesadozenpluginsthatyoucandropintoanyproject.Droptheminallatonce,orchoosejusttheonesyouneed.