Bootstrap (front-end framework)
બુટસ્ટ્રેપ એક મુક્ત અને ઓપન સોર્સ સી. એસ. એસ. માળખું છે જે પ્રતિભાવશીલ, મોબાઇલ-ફર્સ્ટ ફ્રન્ટ-એન્ડ વેબ ડેવલપમેન્ટ પર નિર્દેશિત છે. તેમાં ટાઇપોગ્રાફી, ફોર્મ્સ, બટન્સ, નેવિગેશન અને અન્ય ઇન્ટરફેસ ઘટકો માટે એચટીએમએલ, સીએસએસ અને (વૈકલ્પિક રીતે) જાવાસ્ક્રિપ્ટ-આધારિત ડિઝાઇન નમૂનાઓ છે. બૂટસ્ટ્રેપ એ ગિટહબ પર 164,000 થી વધુ તારાઓ સાથે 17મો સૌથી તારાંકિત પ્રોજેક્ટ (ચોથો સૌથી તારાંકિત પુસ્તકાલય) છે. ડબલ્યુ3ટેક અનુસાર, બુટસ્ટ્રેપનો ઉપયોગ તમામ વેબસાઇટ્સના 19.2% દ્વારા થાય છે. બૂટસ્ટ્રેપ એ એક એચટીએમએલ, સીએસએસ અને જેએસ લાઇબ્રેરી છે જે માહિતીપ્રદ વેબ પૃષ્ઠોના વિકાસને સરળ બનાવવા પર ધ્યાન કેન્દ્રિત કરે છે (વેબ એપ્લિકેશન્સના વિરોધમાં). તેને વેબ પ્રોજેક્ટમાં ઉમેરવાનો પ્રાથમિક હેતુ તે પ્રોજેક્ટમાં બૂટસ્ટ્રેપની રંગ, કદ, ફોન્ટ અને લેઆઉટની પસંદગીઓને લાગુ કરવાનો છે. જેમ કે, પ્રાથમિક પરિબળ એ છે કે શું પ્રભારી વિકાસકર્તાઓ તે પસંદગીઓને તેમની પસંદગી પ્રમાણે શોધે છે કે કેમ. એકવાર પ્રોજેક્ટમાં ઉમેરાયા પછી, બુટસ્ટ્રેપ તમામ એચટીએમએલ ઘટકો માટે મૂળભૂત શૈલી વ્યાખ્યાઓ પ્રદાન કરે છે. પરિણામ વેબ બ્રાઉઝર્સમાં ગદ્ય, કોષ્ટકો અને રચના ઘટકો માટે એક સમાન દેખાવ છે. વધુમાં, વિકાસકર્તાઓ તેમની સામગ્રીઓના દેખાવને વધુ કસ્ટમાઇઝ કરવા માટે બુટસ્ટ્રેપમાં વ્યાખ્યાયિત CSS વર્ગોનો લાભ લઈ શકે છે. ઉદાહરણ તરીકે, બુટસ્ટ્રેપમાં હળવા અને ઘેરા રંગના કોષ્ટકો, પૃષ્ઠ શીર્ષકો, વધુ અગ્રણી પુલ અવતરણો અને હાઇલાઇટ સાથે લખાણની જોગવાઈ કરવામાં આવી છે. બુટસ્ટ્રેપ કેટલાક જાવાસ્ક્રિપ્ટ ઘટકો સાથે પણ આવે છે જેને જેક્વેરી જેવી અન્ય લાઈબ્રેરીઓની જરૂર નથી. તેઓ ડાયલોગ બોક્સ, ટૂલટિપ્સ, પ્રોગ્રેસ બાર, નેવિગેશન ડ્રોપ-ડાઉન્સ અને કેરોયુઝલ જેવા વધારાના વપરાશકર્તા ઇન્ટરફેસ તત્વો પ્રદાન કરે છે. દરેક બુટસ્ટ્રેપ ઘટકમાં એચટીએમએલ માળખું, સીએસએસ ઘોષણાઓ અને કેટલાક કિસ્સાઓમાં જાવાસ્ક્રિપ્ટ કોડનો સમાવેશ થાય છે. તેઓ કેટલાક પ્રવર્તમાન ઇન્ટરફેસ ઘટકોની કાર્યક્ષમતાને પણ વિસ્તૃત કરે છે, જેમાં ઉદાહરણ તરીકે ઇનપુટ ક્ષેત્રો માટે સ્વયં-પૂર્ણ કાર્યનો સમાવેશ થાય છે. બુટસ્ટ્રેપના સૌથી અગ્રણી ઘટકો તેના લેઆઉટ ઘટકો છે, કારણ કે તે સમગ્ર વેબ પૃષ્ઠને અસર કરે છે. મૂળભૂત લેઆઉટ ઘટકને "કન્ટેનર" કહેવામાં આવે છે, કારણ કે પૃષ્ઠમાં દરેક અન્ય તત્વ તેમાં મૂકવામાં આવે છે. વિકાસકર્તાઓ નિશ્ચિત-પહોળાઈના કન્ટેનર અને પ્રવાહી-પહોળાઈના કન્ટેનર વચ્ચે પસંદગી કરી શકે છે. જ્યારે બાદમાં હંમેશા વેબ પૃષ્ઠની પહોળાઈ ભરે છે, ત્યારે પહેલું પૃષ્ઠ દર્શાવતી સ્ક્રીનના કદના આધારે પાંચ પૂર્વવ્યાખ્યાયિત નિશ્ચિત પહોળાઈમાંથી એકનો ઉપયોગ કરે છેઃ 576 પિક્સેલ્સ 576-768 પિક્સેલ્સ 768-992 પિક્સેલ્સ 992-1200 પિક્સેલ્સ કરતાં નાના 1200 પિક્સેલ્સ કરતા મોટા એકવાર કન્ટેનર સ્થાને હોય, ત્યારે અન્ય બુટસ્ટ્રેપ લેઆઉટ ઘટકો પંક્તિઓ અને કૉલમ્સને વ્યાખ્યાયિત કરીને CSS ફ્લેક્સબોક્સ લેઆઉટનો અમલ કરે છે. બુટસ્ટ્રેપનું પૂર્વ સંકલિત સંસ્કરણ એક સી. એસ. એસ. ફાઇલ અને ત્રણ જાવાસ્ક્રિપ્ટ ફાઇલના સ્વરૂપમાં ઉપલબ્ધ છે જે કોઈપણ પ્રોજેક્ટમાં સહેલાઈથી ઉમેરી શકાય છે. બૂટસ્ટ્રેપનું કાચુ સ્વરૂપ, જોકે, વિકાસકર્તાઓને વધુ કસ્ટમાઇઝેશન અને કદ ઓપ્ટિમાઇઝેશન અમલમાં મૂકવા માટે સક્ષમ બનાવે છે. આ કાચુ સ્વરૂપ મોડ્યુલર છે, જેનો અર્થ છે કે વિકાસકર્તા બિનજરૂરી ઘટકોને દૂર કરી શકે છે, થીમ લાગુ કરી શકે છે અને અસંપાદિત સાસ ફાઇલોમાં ફેરફાર કરી શકે છે. પ્રારંભિક શરૂઆત બુટસ્ટ્રેપ, જેનું મૂળ નામ ટ્વિટર બ્લુપ્રિન્ટ હતું, તે માર્ક ઓટ્ટો અને જેકબ થોર્ન્ટન દ્વારા ટ્વિટર પર આંતરિક સાધનોમાં સુસંગતતાને પ્રોત્સાહિત કરવા માટે એક માળખા તરીકે વિકસાવવામાં આવ્યું હતું. બુટસ્ટ્રેપ પહેલાં, વિવિધ પુસ્તકાલયો ઇન્ટરફેસ વિકાસ માટે ઉપયોગમાં લેવાતા હતા, જે અસાતત્યતા અને જાળવણીના ઊંચા બોજ તરફ દોરી જતા હતા. ઓટ્ટોના જણાવ્યા અનુસારઃ એક નાના જૂથ દ્વારા થોડા મહિનાના વિકાસ પછી, ટ્વિટરના ઘણા વિકાસકર્તાઓએ હેક વીકના ભાગ રૂપે પ્રોજેક્ટમાં યોગદાન આપવાનું શરૂ કર્યું, જે ટ્વિટર વિકાસ ટીમ માટે હેકાથોન-શૈલીનું સપ્તાહ હતું. તેનું નામ બદલીને ટ્વિટર બ્લુપ્રિન્ટથી બુટસ્ટ્રેપ કરવામાં આવ્યું હતું અને 19 ઓગસ્ટ, 2011ના રોજ ઓપન-સોર્સ પ્રોજેક્ટ તરીકે રજૂ કરવામાં આવ્યું હતું. તેની જાળવણી ઓટો, થોર્ન્ટન, મુખ્ય વિકાસકર્તાઓના નાના જૂથ અને ફાળો આપનારાઓના મોટા સમુદાય દ્વારા ચાલુ રાખવામાં આવી છે. બુટસ્ટ્રેપ 2 31 જાન્યુઆરી, 2012 ના રોજ, બુટસ્ટ્રેપ 2 રજૂ કરવામાં આવ્યું હતું, જેમાં ગ્લાયફિકન્સ, કેટલાક નવા ઘટકો, તેમજ હાલના ઘણા ઘટકોમાં ફેરફારો માટે બિલ્ટ-ઇન સપોર્ટ ઉમેરવામાં આવ્યો હતો. આ સંસ્કરણ પ્રતિભાવશીલ વેબ ડિઝાઇનને ટેકો આપે છે, જેનો અર્થ છે કે વેબ પૃષ્ઠોનું લેઆઉટ ગતિશીલ રીતે ગોઠવે છે, ઉપયોગમાં લેવાતા ઉપકરણની લાક્ષણિકતાઓને ધ્યાનમાં લે છે (પછી ભલે તે ડેસ્કટોપ, ટેબ્લેટ, મોબાઇલ ફોન હોય). બૂટસ્ટ્રેપ 3 19 ઓગસ્ટ, 2013ના રોજ, બૂટસ્ટ્રેપ 3 રજૂ કરવામાં આવ્યું હતું. તે ફ્લેટ ડિઝાઇન અને મોબાઇલ ફર્સ્ટ અભિગમનો ઉપયોગ કરવા માટે ઘટકોને ફરીથી ડિઝાઇન કરે છે. બુટસ્ટ્રેપ 3 નેમસ્પેસ્ડ ઇવેન્ટ્સ સાથે નવી પ્લગઇન સિસ્ટમ ધરાવે છે. બુટસ્ટ્રેપ 3એ ઈન્ટરનેટ એક્સપ્લોરર 7 અને ફાયરફોક્સ 3ને ટેકો આપ્યો હતો, પરંતુ આ બ્રાઉઝર્સ માટે વૈકલ્પિક પોલીફિલ છે. બૂટસ્ટ્રેપ 4 ઓટોએ 29 ઓક્ટોબર, 2014ના રોજ બૂટસ્ટ્રેપ 4ની જાહેરાત કરી હતી. બૂટસ્ટ્રેપ 4નું પ્રથમ આલ્ફા વર્ઝન 19 ઓગસ્ટ, 2015ના રોજ રજૂ કરવામાં આવ્યું હતું. પ્રથમ બીટા સંસ્કરણ 10 ઓગસ્ટ, 2017ના રોજ બહાર પાડવામાં આવ્યું હતું. ઓટોએ બુટસ્ટ્રેપ 4 પર કામ કરવા માટે સમય મુક્ત કરવા માટે 6 સપ્ટેમ્બર, 2016ના રોજ બુટસ્ટ્રેપ 3 પર કામ સ્થગિત કર્યું હતું. બુટસ્ટ્રેપ 4 ને 18 જાન્યુઆરી, 2018 ના રોજ અંતિમ સ્વરૂપ આપવામાં આવ્યું હતું. નોંધપાત્ર ફેરફારોમાં નીચેનાનો સમાવેશ થાય છેઃ કોડનું મુખ્ય પુનર્લેખન 'લેસ' ને 'સાસ' સાથે બદલવું રીબૂટનો ઉમેરો, એક ફાઇલમાં તત્વ-વિશિષ્ટ CSS ફેરફારોનો સંગ્રહ, IE8, IE9 અને IOS 6 માટે 'નોર્મલાઇઝ ડ્રોપિંગ સપોર્ટ' પર આધારિત ફ્લેક્સિબલ બોક્સ સપોર્ટ નેવિગેશન કસ્ટમાઇઝેશન વિકલ્પો ઉમેરવા રિસ્પોન્સિવ સ્પેસિંગ અને સાઇઝિંગ યુટિલિટીઝ ઉમેરવી CSSમાં પિક્સેલ્સ યુનિટમાંથી રુટ ઈ. એમ. એસ. માં બદલવું વિસ્તૃત વાંચનક્ષમતા માટે વૈશ્વિક ફોન્ટનું કદ 14 પીએક્સથી વધારીને 16 પીએક્સ કરવું પેનલ, થંબનેલ, પેજર અને કૂવા ઘટકોને નીચે ઉતારવું ગ્લાયફિકન્સ આયકન ફોન્ટને નીચે ઉતારવું વિશાળ સંખ્યામાં યુટિલિટી વર્ગો સુધારેલ ફોર્મ સ્ટાઈલિંગ બટનો, ડ્રોપ-ડાઉન મેનુઓ. તે IE10 અને નવીનતમ ફાયરફોક્સ એક્સટેન્ડેડ સપોર્ટ રીલીઝ (ESR) ને પણ સપોર્ટ કરે છે. બુટસ્ટ્રેપ 5 બુટસ્ટ્રેપ 5 સત્તાવાર રીતે 5 મે, 2021 ના રોજ રજૂ કરવામાં આવ્યું હતું. મુખ્ય ફેરફારોમાં નીચેનાનો સમાવેશ થાય છેઃ નવા ઓફકેનવાસ મેનુ ઘટક વેનીલા જાવાસ્ક્રિપ્ટની તરફેણમાં જેક્વેરી પરની નિર્ભરતાને દૂર કરવી પ્રતિક્રિયાશીલ ગટર અને પંક્તિઓની બહાર મૂકવામાં આવેલા સ્તંભોને ટેકો આપવા માટે ગ્રીડને ફરીથી લખવું જેકિલથી હ્યુગોમાં દસ્તાવેજીકરણને સ્થાનાંતરિત કરવું ઈન્ટરનેટ એક્સપ્લોરર માટે ડ્રોપિંગ સપોર્ટ ક્યુયૂનિટથી જાસ્મિનમાં પરીક્ષણ માળખું ખસેડવું એસવીજી ચિહ્નોનો કસ્ટમ સેટ ઉમેરવું સીએસએસ કસ્ટમ ગુણધર્મો ઉમેરવું સુધારેલ એપીઆઈ ઉન્નત ગ્રીડ સિસ્ટમ સુધારેલ કસ્ટમાઇઝિંગ ડોક્સ સુધારેલ ફોર્મ્સ આરટીએલ સપોર્ટ ડાર્કમોડ સપોર્ટમાં બિલ્ડ કરો સીએસએસ ફ્રેમવર્ક જેક્વેરી મોબાઇલ જાવાસ્ક્રિપ્ટ ફ્રેમવર્ક જાવાસ્ક્રિપ્ટ લાઇબ્રેરી પણ જુઓ, બૂટસ્ટ્રેપમાં રેન્ડરિંગને ટેકો આપતા કેટલાક વેબ ફ્રેમવર્ક. સંદર્ભો બાહ્ય કડીઓ 2011 સોફ્ટવેર CSS માળખા જાવાસ્ક્રિપ્ટ એચટીએમએલ જાવાસ્ક્રિપ્ટ લાઈબ્રેરીઓ સોફ્ટવેરમાં પ્રોગ્રામ કરેલ મફત સોફ્ટવેર એમઆઇટી લાઇસન્સ ટ્વિટર વેબ ડિઝાઇન વેબ ડેવલપમેન્ટ રિસ્પોન્સિવ વેબ ડિઝાઇન મોબાઇલ વેબનો ઉપયોગ કરીને