ප්‍රධාන අන්තර්ගතය වෙත යන්න ලේඛන සංචාලනය වෙත යන්න
in English

බාගත

සම්පාදනය කරන ලද CSS සහ JavaScript, මූලාශ්‍ර කේතය ලබා ගැනීමට Bootstrap බාගන්න, නැතහොත් npm, RubyGems, සහ තවත් බොහෝ දේ ඔබේ ප්‍රියතම පැකේජ කළමනාකරුවන් සමඟ ඇතුළත් කරන්න.

සම්පාදනය කරන ලද CSS සහ JS

Bootstrap v5.1.3 සඳහා භාවිතා කිරීමට සූදානම් සම්පාදනය කරන ලද කේතය බාගන්න , ඔබේ ව්‍යාපෘතියට පහසුවෙන් ඇතුළු වීමට, ඇතුළත් වන්නේ:

මෙයට ලේඛන, මූලාශ්‍ර ගොනු, හෝ Popper වැනි විකල්ප JavaScript පරායත්තතා ඇතුළත් නොවේ.

බාගත

මූලාශ්ර ගොනු

අපගේ මූලාශ්‍ර Sass, JavaScript, සහ ලේඛන ගොනු බාගැනීමෙන් ඔබේම වත්කම් නල මාර්ගයක් සමඟ Bootstrap සම්පාදනය කරන්න. මෙම විකල්පය සඳහා අමතර මෙවලම් කිහිපයක් අවශ්ය වේ:

ඔබට අපගේ සම්පූර්ණ ගොඩනැගීමේ මෙවලම් අවශ්‍ය නම්, ඒවා Bootstrap සහ එහි ලේඛන සංවර්ධනය කිරීම සඳහා ඇතුළත් කර ඇත, නමුත් ඒවා ඔබගේම අරමුණු සඳහා නොගැලපේ.

මූලාශ්‍රය බාගන්න

උදාහරණ

ඔබට අපගේ උදාහරණ බාගත කර පරීක්ෂා කිරීමට අවශ්‍ය නම් , ඔබට දැනටමත් ගොඩනගා ඇති උදාහරණ ලබා ගත හැකිය:

Download Examples

CDN via jsDelivr

Skip the download with jsDelivr to deliver cached version of Bootstrap’s compiled CSS and JS to your project.

<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>

If you’re using our compiled JavaScript and prefer to include Popper separately, add Popper before our JS, via a CDN preferably.

<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>

Package managers

Pull in Bootstrap’s source files into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will require a Sass compiler and Autoprefixer for a setup that matches our official compiled versions.

npm

Install Bootstrap in your Node.js powered apps with the npm package:

npm install bootstrap

const bootstrap = require('bootstrap') or import bootstrap from 'bootstrap' will load all of Bootstrap’s plugins onto a bootstrap object. The bootstrap module itself exports all of our plugins. You can manually load Bootstrap’s plugins individually by loading the /js/dist/*.js files under the package’s top-level directory.

Bootstrap’s package.json contains some additional metadata under the following keys:

  • sass - path to Bootstrap’s main Sass source file
  • style - path to Bootstrap’s non-minified CSS that’s been precompiled using the default settings (no customization)
Get started with Bootstrap via npm with our starter project! Head to the twbs/bootstrap-npm-starter template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons.

yarn

Install Bootstrap in your Node.js powered apps with the yarn package:

yarn add bootstrap

RubyGems

Install Bootstrap in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile:

gem 'bootstrap', '~> 5.1.3'

Alternatively, if you’re not using Bundler, you can install the gem by running this command:

gem install bootstrap -v 5.1.3

See the gem’s README for further details.

Composer

You can also install and manage Bootstrap’s Sass and JavaScript using Composer:

composer require twbs/bootstrap:5.1.3

NuGet

If you develop in .NET, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet:

Install-Package bootstrap
Install-Package bootstrap.sass