ડાઉનલોડ કરો
સંકલિત CSS અને JavaScript, સ્રોત કોડ મેળવવા માટે બુટસ્ટ્રેપ ડાઉનલોડ કરો અથવા તેને તમારા મનપસંદ પેકેજ મેનેજર જેમ કે npm, RubyGems અને વધુ સાથે શામેલ કરો.
સંકલિત CSS અને JS
તમારા પ્રોજેક્ટમાં સરળતાથી આવવા માટે બુટસ્ટ્રેપ v5.1.3 માટે ઉપયોગ માટે તૈયાર સંકલિત કોડ ડાઉનલોડ કરો , જેમાં શામેલ છે:
- કમ્પાઇલ અને મિનિફાઇડ 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-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 પેકેજ સાથે તમારી Node.js સંચાલિત એપ્લિકેશન્સમાં બુટસ્ટ્રેપ ઇન્સ્ટોલ કરો :
npm install bootstrap
const bootstrap = require('bootstrap')
અથવા ઑબ્જેક્ટ import bootstrap from 'bootstrap'
પર બુટસ્ટ્રેપના તમામ પ્લગઇન્સ લોડ કરશે . bootstrap
મોડ્યુલ પોતે bootstrap
જ અમારા તમામ પ્લગઈનો નિકાસ કરે છે. /js/dist/*.js
તમે પેકેજની ટોપ-લેવલ ડાયરેક્ટરી હેઠળ ફાઈલો લોડ કરીને વ્યક્તિગત રીતે બુટસ્ટ્રેપના પ્લગઈનો લોડ કરી શકો છો .
બુટસ્ટ્રેપમાં package.json
નીચેની કી હેઠળ કેટલાક વધારાના મેટાડેટા છે:
sass
- બુટસ્ટ્રેપની મુખ્ય 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