డౌన్లోడ్ చేయండి
సంకలనం చేయబడిన CSS మరియు జావాస్క్రిప్ట్, సోర్స్ కోడ్ని పొందడానికి బూట్స్ట్రాప్ని డౌన్లోడ్ చేయండి లేదా మీకు ఇష్టమైన npm, RubyGems మరియు మరిన్నింటి వంటి ప్యాకేజీ నిర్వాహకులతో చేర్చండి.
CSS మరియు JS సంకలనం చేయబడింది
మీ ప్రాజెక్ట్లోకి సులభంగా డ్రాప్ చేయడానికి బూట్స్ట్రాప్ v4.2.1 కోసం సిద్ధంగా ఉన్న కంపైల్డ్ కోడ్ని డౌన్లోడ్ చేయండి, ఇందులో ఇవి ఉంటాయి:
- కంపైల్డ్ మరియు మినిఫైడ్ CSS బండిల్స్ ( CSS ఫైల్స్ పోలిక చూడండి )
- JavaScript ప్లగిన్లను కంపైల్ చేసి, కనిష్టీకరించారు
ఇందులో డాక్యుమెంటేషన్, సోర్స్ ఫైల్లు లేదా ఏదైనా ఐచ్ఛిక JavaScript డిపెండెన్సీలు (jQuery మరియు Popper.js) ఉండవు.
మూల ఫైళ్లు
మా సోర్స్ Sass, JavaScript మరియు డాక్యుమెంటేషన్ ఫైల్లను డౌన్లోడ్ చేయడం ద్వారా మీ స్వంత ఆస్తి పైప్లైన్తో బూట్స్ట్రాప్ను కంపైల్ చేయండి. ఈ ఎంపికకు కొన్ని అదనపు సాధనాలు అవసరం:
- మీ CSSని కంపైల్ చేయడానికి సాస్ కంపైలర్ (లిబ్సాస్ లేదా రూబీ సాస్ సపోర్ట్ చేయబడింది).
- CSS వెండర్ ప్రిఫిక్సింగ్ కోసం ఆటోప్రిఫిక్సర్
మీకు బిల్డ్ టూల్స్ అవసరమైతే , అవి బూట్స్ట్రాప్ మరియు దాని పత్రాలను అభివృద్ధి చేయడం కోసం చేర్చబడతాయి, కానీ అవి మీ స్వంత ప్రయోజనాల కోసం అనుచితంగా ఉండవచ్చు.
jsDelivr
మీ ప్రాజెక్ట్కి బూట్స్ట్రాప్ సంకలనం చేయబడిన CSS మరియు JS యొక్క కాష్ చేసిన సంస్కరణను అందించడానికి jsDelivr తో డౌన్లోడ్ను దాటవేయండి .
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>మీరు మా సంకలనం చేసిన జావాస్క్రిప్ట్ని ఉపయోగిస్తుంటే, దాని ముందు j క్వెరీ మరియు Popper.js యొక్క CDN వెర్షన్లను చేర్చడం మర్చిపోవద్దు.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>ప్యాకేజీ నిర్వాహకులు
బూట్స్ట్రాప్ యొక్క సోర్స్ ఫైల్లను అత్యంత జనాదరణ పొందిన కొన్ని ప్యాకేజీ మేనేజర్లతో దాదాపు ఏదైనా ప్రాజెక్ట్లోకి లాగండి. ప్యాకేజీ మేనేజర్తో సంబంధం లేకుండా, బూట్స్ట్రాప్కు మా అధికారిక సంకలన సంస్కరణలకు సరిపోలే సెటప్ కోసం Sass కంపైలర్ మరియు ఆటోప్రిఫిక్సర్ అవసరం.
npm
npm ప్యాకేజీతో మీ Node.js పవర్డ్ యాప్లలో బూట్స్ట్రాప్ను ఇన్స్టాల్ చేయండి :
npm install bootstraprequire('bootstrap')బూట్స్ట్రాప్ యొక్క అన్ని j క్వెరీ ప్లగిన్లను j క్వెరీ ఆబ్జెక్ట్పై లోడ్ చేస్తుంది. bootstrapమాడ్యూల్ ఏదైనా ఎగుమతి చేయదు . /js/*.jsప్యాకేజీ యొక్క అగ్ర-స్థాయి డైరెక్టరీ క్రింద ఉన్న ఫైల్లను లోడ్ చేయడం ద్వారా మీరు బూట్స్ట్రాప్ యొక్క j క్వెరీ ప్లగిన్లను ఒక్కొక్కటిగా మాన్యువల్గా లోడ్ చేయవచ్చు .
బూట్స్ట్రాప్ package.jsonకింది కీల క్రింద కొన్ని అదనపు మెటాడేటాను కలిగి ఉంది:
- sass- బూట్స్ట్రాప్ యొక్క ప్రధాన సాస్ సోర్స్ ఫైల్కి మార్గం
- style- డిఫాల్ట్ సెట్టింగ్లను ఉపయోగించి ముందుగా కంపైల్ చేయబడిన బూట్స్ట్రాప్ యొక్క నాన్-మినిఫైడ్ CSSకి మార్గం (కస్టమైజేషన్ లేదు)
నూలు
నూలు ప్యాకేజీతో మీ Node.js పవర్డ్ యాప్లలో బూట్స్ట్రాప్ని ఇన్స్టాల్ చేయండి :
yarn add bootstrapరూబీజెమ్స్
మీ రూబీ యాప్లలో బండ్లర్ ( సిఫార్సు చేయబడినది ) మరియు రూబీజెమ్స్ ఉపయోగించి బూట్స్ట్రాప్ని ఇన్స్టాల్ చేయండి మీ కింది పంక్తిని జోడించడం ద్వారా Gemfile:
gem 'bootstrap', '~> 4.2.1'ప్రత్యామ్నాయంగా, మీరు బండ్లర్ని ఉపయోగించకుంటే, మీరు ఈ ఆదేశాన్ని అమలు చేయడం ద్వారా రత్నాన్ని ఇన్స్టాల్ చేయవచ్చు:
gem install bootstrap -v 4.2.1మరిన్ని వివరాల కోసం రత్నం యొక్క READMEని చూడండి.
స్వరకర్త
మీరు కంపోజర్ని ఉపయోగించి బూట్స్ట్రాప్ యొక్క సాస్ మరియు జావాస్క్రిప్ట్లను కూడా ఇన్స్టాల్ చేయవచ్చు మరియు నిర్వహించవచ్చు :
composer require twbs/bootstrap:4.2.1నుగెట్
మీరు .NETలో అభివృద్ధి చేసినట్లయితే, మీరు NuGet ని ఉపయోగించి బూట్స్ట్రాప్ యొక్క CSS లేదా Sass మరియు JavaScriptని కూడా ఇన్స్టాల్ చేయవచ్చు మరియు నిర్వహించవచ్చు :
Install-Package bootstrapInstall-Package bootstrap.sass