ଡାଉନଲୋଡ୍ କରନ୍ତୁ |

ସଙ୍କଳିତ CSS ଏବଂ ଜାଭାସ୍କ୍ରିପ୍ଟ, ଉତ୍ସ କୋଡ୍ ପାଇବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଡାଉନଲୋଡ୍ କରନ୍ତୁ, କିମ୍ବା npm, RubyGems, ଏବଂ ଅଧିକ ପରି ଆପଣଙ୍କର ପ୍ରିୟ ପ୍ୟାକେଜ୍ ପରିଚାଳକମାନଙ୍କ ସହିତ ଏହାକୁ ଅନ୍ତର୍ଭୂକ୍ତ କରନ୍ତୁ |

ସଂକଳିତ CSS ଏବଂ JS |

ଆପଣଙ୍କ ପ୍ରୋଜେକ୍ଟରେ ସହଜରେ ଖସିଯିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ v4.5.3 ପାଇଁ ପ୍ରସ୍ତୁତ-ବ୍ୟବହାର-ସଂକଳିତ କୋଡ୍ ଡାଉନଲୋଡ୍ କରନ୍ତୁ, ଯେଉଁଥିରେ:

ସଂକଳିତ ଏବଂ କ୍ଷୁଦ୍ର CSS ବଣ୍ଡଲଗୁଡିକ ( CSS ଫାଇଲ ତୁଳନା ତୁଳନା ଦେଖନ୍ତୁ )
ଜାଭାସ୍କ୍ରିପ୍ଟ ପ୍ଲଗଇନଗୁଡ଼ିକୁ ସଂକଳିତ ଏବଂ କ୍ଷୁଦ୍ର କରାଯାଇଛି |

ଏଥିରେ ଡକ୍ୟୁମେଣ୍ଟେସନ୍, ଉତ୍ସ ଫାଇଲ୍, କିମ୍ବା କ option ଣସି ଇଚ୍ଛାଧୀନ ଜାଭାସ୍କ୍ରିପ୍ଟ ନିର୍ଭରଶୀଳତା (jQuery ଏବଂ Popper.js) ଅନ୍ତର୍ଭୂକ୍ତ ହୁଏ ନାହିଁ |

ଡାଉନଲୋଡ୍ କରନ୍ତୁ |

ଉତ୍ସ ଫାଇଲଗୁଡିକ |

ଆମର ଉତ୍ସ ସାସ୍, ଜାଭାସ୍କ୍ରିପ୍ଟ, ଏବଂ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଫାଇଲ୍ ଡାଉନଲୋଡ୍ କରି ଆପଣଙ୍କର ନିଜସ୍ୱ ସମ୍ପତ୍ତି ପାଇପଲାଇନ ସହିତ ବୁଟଷ୍ଟ୍ରାପ୍ ସଂକଳନ କରନ୍ତୁ | ଏହି ବିକଳ୍ପଟି କିଛି ଅତିରିକ୍ତ ସାଧନ ଆବଶ୍ୟକ କରେ:

ଆପଣଙ୍କର CSS ସଂକଳନ ପାଇଁ ସାସ୍ କମ୍ପାଇଲର୍ (ଲିବସାସ୍ କିମ୍ବା ରୁବି ସାସ୍ ସମର୍ଥିତ) |
CSS ବିକ୍ରେତା ଉପସର୍ଗ ପାଇଁ ଅଟୋଫ୍ରେଫିକ୍ସର୍ |

ଯଦି ଆପଣ ନିର୍ମାଣ ଉପକରଣ ଆବଶ୍ୟକ କରନ୍ତି , ବୁଟଷ୍ଟ୍ରାପ୍ ଏବଂ ଏହାର ଡକସ୍ ବିକାଶ ପାଇଁ ସେଗୁଡିକ ଅନ୍ତର୍ଭୂକ୍ତ ହୋଇଛି, କିନ୍ତୁ ସେମାନେ ଆପଣଙ୍କ ଉଦ୍ଦେଶ୍ୟ ପାଇଁ ଅନୁପଯୁକ୍ତ |

ଉତ୍ସ ଡାଉନଲୋଡ୍ କରନ୍ତୁ |

ଉଦାହରଣଗୁଡିକ

ଯଦି ଆପଣ ଆମର ଉଦାହରଣଗୁଡିକୁ ଡାଉନଲୋଡ୍ ଏବଂ ପରୀକ୍ଷା କରିବାକୁ ଚାହାଁନ୍ତି , ତେବେ ଆପଣ ପୂର୍ବରୁ ନିର୍ମିତ ଉଦାହରଣଗୁଡ଼ିକୁ ଧରି ପାରିବେ:

ଉଦାହରଣଗୁଡିକ ଡାଉନଲୋଡ୍ କରନ୍ତୁ |

jsDelivr

ତୁମର ପ୍ରୋଜେକ୍ଟରେ ବୁଟଷ୍ଟ୍ରାପ୍ ର ସଂକଳିତ CSS ଏବଂ JS ର କ୍ୟାଚ୍ ସଂସ୍କରଣ ବିତରଣ କରିବାକୁ jsDelivr ସହିତ ଡାଉନଲୋଡ୍ କୁ ଛାଡିଦିଅ |

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

ଯଦି ଆପଣ ଆମର ସଙ୍କଳିତ ଜାଭାସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରୁଛନ୍ତି ଏବଂ Popper.js କୁ ପୃଥକ ଭାବରେ ଅନ୍ତର୍ଭୂକ୍ତ କରିବାକୁ ପସନ୍ଦ କରନ୍ତି, CDN ମାଧ୍ୟମରେ ଆମର JS ପୂର୍ବରୁ Popper.js ଯୋଡନ୍ତୁ |

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

ପ୍ୟାକେଜ୍ ପରିଚାଳକ |

କେତେକ ଲୋକପ୍ରିୟ ପ୍ୟାକେଜ୍ ମ୍ୟାନେଜର୍ ସହିତ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଫାଇଲଗୁଡ଼ିକୁ ପ୍ରାୟ ଯେକ project ଣସି ପ୍ରୋଜେକ୍ଟରେ ଟାଣନ୍ତୁ | ପ୍ୟାକେଜ୍ ମ୍ୟାନେଜର୍ ଯାହା ହେଉନା କାହିଁକି, ବୁଟଷ୍ଟ୍ରାପ୍ ଆମର ଅଫିସିଆଲ୍ ସଙ୍କଳିତ ସଂସ୍କରଣ ସହିତ ମେଳ ଖାଉଥିବା ଏକ ସେଟଅପ୍ ପାଇଁ ଏକ ସାସ୍ କମ୍ପାଇଲର୍ ଏବଂ ଅଟୋଫ୍ରେଫିକ୍ସର୍ ଆବଶ୍ୟକ କରିବ |

npm

Npm ପ୍ୟାକେଜ୍ ସହିତ ଆପଣଙ୍କର Node.js ଚାଳିତ ଆପ୍ସରେ ବୁଟଷ୍ଟ୍ରାପ୍ ସଂସ୍ଥାପନ କରନ୍ତୁ :

npm install bootstrap

require('bootstrap')ବୁଟଷ୍ଟ୍ରାପର ସମସ୍ତ jQuery ପ୍ଲଗଇନଗୁଡ଼ିକୁ jQuery ବସ୍ତୁ ଉପରେ ଲୋଡ୍ କରିବ | ମଡ୍ୟୁଲ୍ ନିଜେ bootstrapକିଛି ରପ୍ତାନି କରେ ନାହିଁ | /js/*.jsପ୍ୟାକେଜ୍ ର ଶୀର୍ଷ ସ୍ତରୀୟ ଡିରେକ୍ଟୋରୀରେ ଥିବା ଫାଇଲଗୁଡ଼ିକୁ ଲୋଡ୍ କରି ଆପଣ ବୁଟଷ୍ଟ୍ରାପ୍ ର jQuery ପ୍ଲଗଇନ୍ ମାନୁଆଲ ଭାବରେ ଲୋଡ୍ କରିପାରିବେ |

package.jsonନିମ୍ନଲିଖିତ କିଗୁଡ଼ିକ ତଳେ ବୁଟଷ୍ଟ୍ରାପ୍ କିଛି ଅତିରିକ୍ତ ମେଟାଡାଟା ଧାରଣ କରିଥାଏ :

sass- ବୁଟଷ୍ଟ୍ରାପ୍ ର ମୁଖ୍ୟ ସାସ୍ ଉତ୍ସ ଫାଇଲ୍ ପାଇଁ ପଥ |
style- ବୁଟଷ୍ଟ୍ରାପ୍ ର ଅଣ-ମାଇନିଫାଏଡ୍ CSS ପାଇଁ ପଥ ଯାହା ଡିଫଲ୍ଟ ସେଟିଂସମୂହ ବ୍ୟବହାର କରି ସଂକଳିତ ହୋଇଛି (କ custom ଣସି କଷ୍ଟମାଇଜେସନ୍ ନାହିଁ) |

ସୂତା

ସୂତା ପ୍ୟାକେଜ୍ ସହିତ ଆପଣଙ୍କର Node.js ଚାଳିତ ଆପ୍ସରେ ବୁଟଷ୍ଟ୍ରାପ୍ ସଂସ୍ଥାପନ କରନ୍ତୁ :

yarn add bootstrap

RubyGems

ନିମ୍ନଲିଖିତ ରେଖା ଯୋଗ କରି ବୁଣ୍ଡଲର୍ ( ସୁପାରିଶ ) ଏବଂ ରୁବିଗେମ୍ ବ୍ୟବହାର କରି ତୁମର ରୁବି ଆପରେ ବୁଟଷ୍ଟ୍ରାପ୍ ସଂସ୍ଥାପନ କର Gemfile:

gem 'bootstrap', '~> 4.5.3'

ବ ly କଳ୍ପିକ ଭାବରେ, ଯଦି ଆପଣ ବଣ୍ଡଲର୍ ବ୍ୟବହାର କରୁନାହାଁନ୍ତି, ତେବେ ଆପଣ ଏହି ନିର୍ଦ୍ଦେଶକୁ ଚଲାଇ ରତ୍ନ ସଂସ୍ଥାପନ କରିପାରିବେ:

gem install bootstrap -v 4.5.3

ଅଧିକ ବିବରଣୀ ପାଇଁ ରତ୍ନର README ଦେଖନ୍ତୁ |

ରଚନା

ଆପଣ କମ୍ପୋଜର ବ୍ୟବହାର କରି ବୁଟଷ୍ଟ୍ରାପ୍ ର ସାସ୍ ଏବଂ ଜାଭାସ୍କ୍ରିପ୍ଟ ମଧ୍ୟ ସଂସ୍ଥାପନ ଏବଂ ପରିଚାଳନା କରିପାରିବେ :

composer require twbs/bootstrap:4.5.3

NuGet

ଯଦି ଆପଣ .NET ରେ ବିକାଶ କରନ୍ତି, ତେବେ ଆପଣ NuGet ବ୍ୟବହାର କରି ବୁଟଷ୍ଟ୍ରାପ୍ ର CSS କିମ୍ବା ସାସ୍ ଏବଂ ଜାଭାସ୍କ୍ରିପ୍ଟ ମଧ୍ୟ ସଂସ୍ଥାପନ ଏବଂ ପରିଚାଳନା କରିପାରିବେ :

Install-Package bootstrap

Install-Package bootstrap.sass