Source

ડાઉનલોડ કરો

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

સંકલિત CSS અને JS

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

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

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

ડાઉનલોડ કરો

સ્રોત ફાઇલો

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

  • તમારા CSSને કમ્પાઇલ કરવા માટે Sass કમ્પાઇલર (Libsass અથવા Ruby Sass સપોર્ટેડ છે).
  • 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>

જો તમે અમારી સંકલિત JavaScript નો ઉપયોગ કરી રહ્યાં છો, તો તેની પહેલાં jQuery અને 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 પેકેજ સાથે તમારી Node.js સંચાલિત એપ્લિકેશન્સમાં બુટસ્ટ્રેપ ઇન્સ્ટોલ કરો :

npm install bootstrap

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

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

  • sass- બુટસ્ટ્રેપની મુખ્ય 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 bootstrap
Install-Package bootstrap.sass