డౌన్లోడ్ చేయండి
సంకలనం చేయబడిన CSS మరియు జావాస్క్రిప్ట్, సోర్స్ కోడ్ని పొందడానికి బూట్స్ట్రాప్ని డౌన్లోడ్ చేయండి లేదా మీకు ఇష్టమైన npm, RubyGems మరియు మరిన్నింటి వంటి ప్యాకేజీ నిర్వాహకులతో చేర్చండి.
CSS మరియు JS సంకలనం చేయబడింది
మీ ప్రాజెక్ట్లోకి సులభంగా డ్రాప్ చేయడానికి బూట్స్ట్రాప్ v5.1.3 కోసం సిద్ధంగా ఉన్న కంపైల్డ్ కోడ్ని డౌన్లోడ్ చేయండి, ఇందులో ఇవి ఉంటాయి:
- కంపైల్డ్ మరియు మినిఫైడ్ CSS బండిల్స్ ( CSS ఫైల్స్ పోలిక చూడండి )
- కంపైల్డ్ మరియు మినిఫైడ్ జావాస్క్రిప్ట్ ప్లగిన్లు ( JS ఫైల్స్ పోలిక చూడండి )
ఇందులో డాక్యుమెంటేషన్, సోర్స్ ఫైల్లు లేదా పాపర్ వంటి ఏదైనా ఐచ్ఛిక JavaScript డిపెండెన్సీలు లేవు.
మూల ఫైళ్లు
మా సోర్స్ Sass, JavaScript మరియు డాక్యుమెంటేషన్ ఫైల్లను డౌన్లోడ్ చేయడం ద్వారా మీ స్వంత ఆస్తి పైప్లైన్తో బూట్స్ట్రాప్ను కంపైల్ చేయండి. ఈ ఎంపికకు కొన్ని అదనపు సాధనాలు అవసరం:
- సాస్ సోర్స్ ఫైల్లను CSS ఫైల్లుగా కంపైల్ చేయడానికి సాస్ కంపైలర్
- CSS వెండర్ ప్రిఫిక్సింగ్ కోసం ఆటోప్రిఫిక్సర్
మీకు మా పూర్తి సెట్ బిల్డ్ టూల్స్ అవసరమైతే , అవి బూట్స్ట్రాప్ మరియు దాని డాక్స్లను అభివృద్ధి చేయడం కోసం చేర్చబడతాయి, కానీ అవి మీ స్వంత ప్రయోజనాల కోసం అనుచితంగా ఉండవచ్చు.
ఉదాహరణలు
మీరు మా ఉదాహరణలను డౌన్లోడ్ చేసి, పరిశీలించాలనుకుంటే , మీరు ఇప్పటికే నిర్మించిన ఉదాహరణలను పొందవచ్చు:
jsDelivr ద్వారా CDN
మీ ప్రాజెక్ట్కి బూట్స్ట్రాప్ సంకలనం చేయబడిన CSS మరియు JS యొక్క కాష్ చేసిన సంస్కరణను అందించడానికి jsDelivr తో డౌన్లోడ్ను దాటవేయండి .
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
మీరు మా కంపైల్ చేసిన జావాస్క్రిప్ట్ని ఉపయోగిస్తుంటే మరియు పాపర్ని విడిగా చేర్చాలనుకుంటే, CDN ద్వారా మా JS కంటే ముందుగా పాపర్ని జోడించండి.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
ప్యాకేజీ నిర్వాహకులు
బూట్స్ట్రాప్ యొక్క సోర్స్ ఫైల్లను అత్యంత జనాదరణ పొందిన కొన్ని ప్యాకేజీ మేనేజర్లతో దాదాపు ఏదైనా ప్రాజెక్ట్లోకి లాగండి. ప్యాకేజీ నిర్వాహికితో సంబంధం లేకుండా, బూట్స్ట్రాప్కు మా అధికారిక సంకలన సంస్కరణలకు సరిపోలే సెటప్ కోసం Sass కంపైలర్ మరియు ఆటోప్రిఫిక్సర్ అవసరం .
npm
npm ప్యాకేజీతో మీ Node.js పవర్డ్ యాప్లలో బూట్స్ట్రాప్ను ఇన్స్టాల్ చేయండి :
npm install bootstrap
const bootstrap = require('bootstrap')
లేదా import bootstrap from 'bootstrap'
బూట్స్ట్రాప్ యొక్క అన్ని ప్లగిన్లను ఒక bootstrap
వస్తువుపై లోడ్ చేస్తుంది. bootstrap
మాడ్యూల్ మా అన్ని ప్లగిన్లను ఎగుమతి చేస్తుంది . /js/dist/*.js
ప్యాకేజీ యొక్క అగ్ర-స్థాయి డైరెక్టరీ క్రింద ఉన్న ఫైల్లను లోడ్ చేయడం ద్వారా మీరు బూట్స్ట్రాప్ యొక్క ప్లగిన్లను ఒక్కొక్కటిగా మాన్యువల్గా లోడ్ చేయవచ్చు .
బూట్స్ట్రాప్ package.json
కింది కీల క్రింద కొన్ని అదనపు మెటాడేటాను కలిగి ఉంది:
sass
- బూట్స్ట్రాప్ యొక్క ప్రధాన సాస్ సోర్స్ ఫైల్కి మార్గంstyle
- డిఫాల్ట్ సెట్టింగ్లను ఉపయోగించి ముందుగా కంపైల్ చేయబడిన బూట్స్ట్రాప్ యొక్క నాన్-మినిఫైడ్ CSSకి మార్గం (కస్టమైజేషన్ లేదు)
నూలు
నూలు ప్యాకేజీతో మీ Node.js పవర్డ్ యాప్లలో బూట్స్ట్రాప్ని ఇన్స్టాల్ చేయండి :
yarn add bootstrap
రూబీజెమ్స్
మీ రూబీ యాప్లలో బండ్లర్ ( సిఫార్సు చేయబడినది ) మరియు రూబీజెమ్స్ ఉపయోగించి బూట్స్ట్రాప్ని ఇన్స్టాల్ చేయండి మీ కింది పంక్తిని జోడించడం ద్వారా Gemfile
:
gem 'bootstrap', '~> 5.1.3'
ప్రత్యామ్నాయంగా, మీరు బండ్లర్ని ఉపయోగించకుంటే, మీరు ఈ ఆదేశాన్ని అమలు చేయడం ద్వారా రత్నాన్ని ఇన్స్టాల్ చేయవచ్చు:
gem install bootstrap -v 5.1.3
మరిన్ని వివరాల కోసం రత్నం యొక్క READMEని చూడండి.
స్వరకర్త
మీరు కంపోజర్ని ఉపయోగించి బూట్స్ట్రాప్ యొక్క సాస్ మరియు జావాస్క్రిప్ట్లను కూడా ఇన్స్టాల్ చేయవచ్చు మరియు నిర్వహించవచ్చు :
composer require twbs/bootstrap:5.1.3
నుగెట్
మీరు .NETలో అభివృద్ధి చేసినట్లయితే, మీరు NuGet ని ఉపయోగించి బూట్స్ట్రాప్ యొక్క CSS లేదా Sass మరియు JavaScriptని కూడా ఇన్స్టాల్ చేయవచ్చు మరియు నిర్వహించవచ్చు :
Install-Package bootstrap
Install-Package bootstrap.sass