સામગ્રી
અમારા સંકલિત અને સ્રોત કોડ સ્વાદો સહિત, બુટસ્ટ્રેપમાં શું સમાયેલું છે તે શોધો.
સંકલિત બુટસ્ટ્રેપ
એકવાર ડાઉનલોડ થઈ ગયા પછી, સંકુચિત ફોલ્ડરને અનઝિપ કરો અને તમને આના જેવું કંઈક દેખાશે:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
આ બુટસ્ટ્રેપનું સૌથી મૂળભૂત સ્વરૂપ છે: લગભગ કોઈપણ વેબ પ્રોજેક્ટમાં ઝડપી ડ્રોપ-ઇન વપરાશ માટે સંકલિત ફાઇલો. અમે કમ્પાઇલ CSS અને JS ( bootstrap.*
), તેમજ કમ્પાઇલ અને મિનિફાઇડ CSS અને JS ( bootstrap.min.*
) પ્રદાન કરીએ છીએ. સ્ત્રોત નકશા ( bootstrap.*.map
) ચોક્કસ બ્રાઉઝર્સના વિકાસકર્તા સાધનો સાથે ઉપયોગ માટે ઉપલબ્ધ છે. બંડલ કરેલી JS ફાઇલો ( bootstrap.bundle.js
અને મિનિફાઇડ bootstrap.bundle.min.js
) માં પોપરનો સમાવેશ થાય છે .
CSS ફાઇલો
બુટસ્ટ્રેપમાં અમારા કેટલાક અથવા બધા સંકલિત CSSનો સમાવેશ કરવા માટેના મુઠ્ઠીભર વિકલ્પોનો સમાવેશ થાય છે.
CSS ફાઇલો | લેઆઉટ | સામગ્રી | ઘટકો | ઉપયોગિતાઓ |
---|---|---|---|---|
bootstrap.css bootstrap.min.css bootstrap.rtl.css bootstrap.rtl.min.css |
સમાવેશ થાય છે | સમાવેશ થાય છે | સમાવેશ થાય છે | સમાવેશ થાય છે |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css |
માત્ર ગ્રીડ સિસ્ટમ | - | - | માત્ર ફ્લેક્સ ઉપયોગિતાઓ |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css |
- | - | - | સમાવેશ થાય છે |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css |
- | ફક્ત રીબૂટ કરો | - | - |
જેએસ ફાઇલો
તેવી જ રીતે, અમારી પાસે અમારી સંકલિત જાવાસ્ક્રિપ્ટમાંથી અમુક અથવા તમામને સમાવવાના વિકલ્પો છે.
જેએસ ફાઇલો | પોપર |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js |
સમાવેશ થાય છે |
bootstrap.js bootstrap.min.js |
- |
બુટસ્ટ્રેપ સ્ત્રોત કોડ
બુટસ્ટ્રેપ સોર્સ કોડ ડાઉનલોડમાં કમ્પાઈલ કરેલ CSS અને JavaScript અસ્કયામતો, સ્ત્રોત Sass, JavaScript અને દસ્તાવેજીકરણનો સમાવેશ થાય છે. વધુ વિશિષ્ટ રીતે, તેમાં નીચેના અને વધુનો સમાવેશ થાય છે:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.2/
│ └── examples/
├── js/
└── scss/
scss/
અને js/
અમારા CSS અને JavaScript માટેનો સ્રોત કોડ છે . dist/
ફોલ્ડરમાં ઉપરના સંકલિત ડાઉનલોડ વિભાગમાં સૂચિબદ્ધ બધું શામેલ છે . ફોલ્ડરમાં અમારા હોસ્ટ કરેલા દસ્તાવેજો માટેનો site/content/docs/
સ્રોત કોડ શામેલ છે, જેમાં બુટસ્ટ્રેપ વપરાશના અમારા જીવંત ઉદાહરણોનો સમાવેશ થાય છે.
તે ઉપરાંત, કોઈપણ અન્ય સમાવિષ્ટ ફાઇલ પેકેજો, લાયસન્સ માહિતી અને વિકાસ માટે આધાર પૂરો પાડે છે.