ડાઉનલોડ કરો

સંકલિત CSS અને JavaScript, સ્રોત કોડ મેળવવા માટે બુટસ્ટ્રેપ ડાઉનલોડ કરો અથવા તેને તમારા મનપસંદ પેકેજ મેનેજર જેમ કે npm, RubyGems અને વધુ સાથે શામેલ કરો.

આ પૃષ્ઠ પર

સંકલિત CSS અને JS

તમારા પ્રોજેક્ટમાં સરળતાથી આવવા માટે બુટસ્ટ્રેપ v5.2.1 માટે ઉપયોગ માટે તૈયાર સંકલિત કોડ ડાઉનલોડ કરો , જેમાં શામેલ છે:

કમ્પાઇલ અને મિનિફાઇડ CSS બંડલ ( CSS ફાઇલોની સરખામણી જુઓ )
સંકલિત અને નાના જાવાસ્ક્રિપ્ટ પ્લગઇન્સ (જુઓ JS ફાઇલોની સરખામણી )

આમાં દસ્તાવેજીકરણ, સ્રોત ફાઇલો અથવા પોપર જેવી કોઈપણ વૈકલ્પિક JavaScript અવલંબનનો સમાવેશ થતો નથી.

ડાઉનલોડ કરો

સ્રોત ફાઇલો

અમારા સ્ત્રોત Sass, JavaScript અને દસ્તાવેજીકરણ ફાઇલોને ડાઉનલોડ કરીને તમારી પોતાની એસેટ પાઇપલાઇન સાથે બુટસ્ટ્રેપ કમ્પાઇલ કરો. આ વિકલ્પને કેટલાક વધારાના ટૂલિંગની જરૂર છે:

Sass સ્ત્રોત ફાઇલોને CSS ફાઇલોમાં કમ્પાઇલ કરવા માટે Sass કમ્પાઇલર
CSS વેન્ડર પ્રીફિક્સિંગ માટે ઑટોપ્રીફિક્સર

જો તમને અમારા બિલ્ડ ટૂલ્સના સંપૂર્ણ સેટની જરૂર હોય, તો તેનો સમાવેશ બુટસ્ટ્રેપ અને તેના દસ્તાવેજો વિકસાવવા માટે કરવામાં આવે છે, પરંતુ તે સંભવતઃ તમારા પોતાના હેતુઓ માટે અયોગ્ય છે.

સ્ત્રોત ડાઉનલોડ કરો

ઉદાહરણો

જો તમે અમારા ઉદાહરણો ડાઉનલોડ કરવા અને તપાસવા માંગતા હો , તો તમે પહેલાથી જ બનાવેલા ઉદાહરણો મેળવી શકો છો:

ઉદાહરણો ડાઉનલોડ કરો

jsDelivr દ્વારા CDN

તમારા પ્રોજેક્ટમાં બુટસ્ટ્રેપના કમ્પાઇલ કરેલ CSS અને JSના કેશ્ડ વર્ઝનને પહોંચાડવા માટે jsDelivr સાથે ડાઉનલોડ કરવાનું છોડી દો .

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

જો તમે અમારી સંકલિત જાવાસ્ક્રિપ્ટનો ઉપયોગ કરી રહ્યાં છો અને પોપરને અલગથી સામેલ કરવાનું પસંદ કરો છો, તો પ્રાધાન્યમાં CDN મારફતે અમારા JS પહેલાં પોપર ઉમેરો.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

પેકેજ મેનેજરો

કેટલાક સૌથી લોકપ્રિય પેકેજ મેનેજર સાથે લગભગ કોઈપણ પ્રોજેક્ટમાં બુટસ્ટ્રેપની સ્રોત ફાઇલોને ખેંચો. પેકેજ મેનેજર ભલે હોય, બુટસ્ટ્રેપને અમારા અધિકૃત સંકલિત સંસ્કરણો સાથે મેળ ખાતા સેટઅપ માટે Sass કમ્પાઈલર અને ઑટોપ્રીફિક્સરની જરૂર પડશે.

એનપીએમ

npm પેકેજ સાથે તમારી Node.js સંચાલિત એપ્લિકેશન્સમાં બુટસ્ટ્રેપ ઇન્સ્ટોલ કરો :

npm install [email protected]

const bootstrap = require('bootstrap')અથવા ઑબ્જેક્ટ import bootstrap from 'bootstrap'પર બુટસ્ટ્રેપના તમામ પ્લગઇન્સ લોડ કરશે . bootstrapમોડ્યુલ પોતે bootstrapજ અમારા તમામ પ્લગઈનો નિકાસ કરે છે. /js/dist/*.jsતમે પેકેજની ટોપ-લેવલ ડાયરેક્ટરી હેઠળ ફાઈલો લોડ કરીને વ્યક્તિગત રીતે બુટસ્ટ્રેપના પ્લગઈનો લોડ કરી શકો છો .

બુટસ્ટ્રેપમાં package.jsonનીચેની કી હેઠળ કેટલાક વધારાના મેટાડેટા છે:

sass- બુટસ્ટ્રેપની મુખ્ય Sass સ્ત્રોત ફાઇલનો પાથ
style- બુટસ્ટ્રેપના નોન-મિનિફાઇડ CSSનો પાથ જે ડિફોલ્ટ સેટિંગ્સનો ઉપયોગ કરીને કમ્પાઇલ કરવામાં આવ્યો છે (કોઈ કસ્ટમાઇઝેશન નથી)

અમારા સ્ટાર્ટર પ્રોજેક્ટ સાથે npm દ્વારા બુટસ્ટ્રેપ સાથે પ્રારંભ કરો! તમારા પોતાના npm પ્રોજેક્ટમાં બુટસ્ટ્રેપને કેવી રીતે બનાવવું અને કસ્ટમાઇઝ કરવું તે જોવા માટે twbs/bootstrap-npm-starter ટેમ્પલેટ રીપોઝીટરી પર જાઓ. Sass કમ્પાઇલર, ઑટોપ્રીફિક્સર, સ્ટાઇલિન્ટ, PurgeCSS અને બુટસ્ટ્રેપ આઇકન્સનો સમાવેશ થાય છે.

યાર્ન

યાર્ન પેકેજ સાથે તમારી Node.js સંચાલિત એપ્લિકેશન્સમાં બુટસ્ટ્રેપ ઇન્સ્ટોલ કરો :

yarn add [email protected]

રૂબીજેમ્સ

બંડલર ( ભલામણ કરેલ ) અને રુબીજેમ્સનો ઉપયોગ કરીને તમારી રૂબી એપ્લિકેશન્સમાં નીચેની લીટી ઉમેરીને બુટસ્ટ્રેપ ઇન્સ્ટોલ કરો Gemfile:

gem 'bootstrap', '~> 5.2.1'

વૈકલ્પિક રીતે, જો તમે બંડલરનો ઉપયોગ કરી રહ્યાં નથી, તો તમે આ આદેશ ચલાવીને રત્ન ઇન્સ્ટોલ કરી શકો છો:

gem install bootstrap -v 5.2.1

વધુ વિગતો માટે રત્નનો README જુઓ .

સંગીતકાર

તમે કંપોઝરનો ઉપયોગ કરીને બુટસ્ટ્રેપના સાસ અને જાવાસ્ક્રિપ્ટને ઇન્સ્ટોલ અને મેનેજ પણ કરી શકો છો :

composer require twbs/bootstrap:5.2.1

ન્યુગેટ

જો તમે .NET ફ્રેમવર્કમાં વિકાસ કરો છો, તો તમે NuGet નો ઉપયોગ કરીને બુટસ્ટ્રેપના CSS અથવા Sass અને JavaScript ને પણ ઇન્સ્ટોલ અને મેનેજ કરી શકો છો . નવા પ્રોજેક્ટ્સે લિબમેન અથવા અન્ય પદ્ધતિનો ઉપયોગ કરવો જોઈએ કારણ કે NuGet સંકલિત કોડ માટે રચાયેલ છે, ફ્રન્ટ એન્ડ એસેટ માટે નહીં.

Install-Package bootstrap

Install-Package bootstrap.sass