- દસ્તાવેજ: સામાન્ય બંધારણ, ઉદાહરણો અને કોડ સ્નિપેટ્સ માટે સમગ્ર બોર્ડમાં મુખ્ય અપડેટ્સ. મીડિયાના નવા પ્રશ્નો સાથે પ્રતિભાવાત્મક પણ બનાવ્યું.
- દસ્તાવેજ: બધા દસ્તાવેજ પૃષ્ઠો હવે મૂછ ટેમ્પલેટ્સ દ્વારા સંચાલિત છે અને ટ્વિટર અનુવાદ કેન્દ્ર દ્વારા અનુવાદ માટે i18n ટૅગ્સમાં શબ્દમાળાઓ લપેટી છે. દસ્તાવેજીકરણમાંના બધા ફેરફારો અહીં કરવા જોઈએ અને પછી કમ્પાઈલ (અમારા CSS અને ઓછા જેવા) કરવા જોઈએ.
- રેપો ડિરેક્ટરી માળખું: ડૉક્સ હોમપેજ પર મોટી સીધી ડાઉનલોડ લિંકની તરફેણમાં રૂટમાંથી કમ્પાઇલ કરેલ CSS દૂર કર્યું. સંકલિત CSS માં છે
/docs/assets/css/.
- ડૉક્સ અને રેપો: એક મેકફાઈલ, ફક્ત
makeટર્મિનલમાં ટાઈપ કરો અને અપડેટેડ ડૉક્સ અને CSS મેળવો.
ગ્રીડ સિસ્ટમ
- અપડેટેડ ગ્રીડ સિસ્ટમ, હવે 16ને બદલે માત્ર 12 કૉલમ
- રિસ્પોન્સિવ એપ્રોચ એટલે સ્માર્ટફોન, ટેબ્લેટ અને વધુ પર તમારા પ્રોજેક્ટ વર્ચ્યુઅલ આઉટ ઓફ બોક્સ કામ કરે છે
- 17-24 કૉલમ્સ માટે બિનઉપયોગી (ડિફૉલ્ટ રૂપે) ગ્રીડ કૉલમ સપોર્ટ દૂર કર્યા
રિસ્પોન્સિવ (મીડિયા પ્રશ્નો)
- સમગ્ર મોબાઇલ અને ટેબ્લેટ ઉપકરણો પર મૂળભૂત સમર્થન માટે મીડિયા પ્રશ્નો ઉમેરવામાં આવ્યા છે
- રિસ્પોન્સિવ CSS bootstrap-responsive.css તરીકે અલગથી કમ્પાઈલ કરવામાં આવે છે
ટાઇપોગ્રાફી
h4line-height18px ના ડિફોલ્ટ સાથે તત્વોને 16px થી 14px પર ઘટાડવામાં આવ્યા હતા
h5તત્વોને 14px થી 12px પર નાખવામાં આવ્યા હતા
h6તત્વોને 13px થી 11px પર નાખવામાં આવ્યા હતા
- બ્લોકક્વોટ્સ માટે જમણે-સંરેખિત વિકલ્પ જો
float: right;
કોડ
- માટે નવી ગ્રાફિકલ શૈલી
<code>
- Google Code Prettify શૈલીઓ અપડેટ કરવામાં આવી છે (GitHub ના સાર પર આધારિત)
કોષ્ટકો
colspanઅને માટે સુધારેલ સમર્થનrowspan
- શૈલીઓ હવે નવા આધાર વર્ગ સુધી મર્યાદિત છે,
.table
.table-ઉપસર્ગ તરીકે જરૂરી સાથે પ્રમાણિત કોષ્ટક વર્ગો
- ન વપરાયેલ કોષ્ટક રંગ વિકલ્પો દૂર કર્યા (આવી ઓછી અસર માટે ખૂબ કોડ)
- TableSorter માટે આધાર છોડ્યો
બટનો
- રંગો અને કદ માટે નવા વર્ગો, બધા સાથે ઉપસર્ગ
.btn-
- IE9: ગ્રેડિએન્ટ દૂર કર્યા અને ગોળાકાર ખૂણા ઉમેર્યા
- બટન જૂથો (નવું) માં સ્ટાઇલને વધુ સ્પષ્ટ બનાવવા અને કસ્ટમ સંક્રમણ સાથે વધુ સારી રીતે દેખાવા માટે સક્રિય સ્થિતિ અપડેટ કરી
.buttonBackgroundબટન ગ્રેડિયન્ટ સેટ કરવા માટે નવું મિક્સિન,
સ્વરૂપો
- ઓછા CSSનો ઉપયોગ કરવા અને વધુ સુગમતા ઉમેરવા માટે ડિફૉલ્ટ ફોર્મ શૈલી હવે ઊભી (સ્ટૅક્ડ) છે
.form-ઉપસર્ગ તરીકે જરૂરી સાથે પ્રમાણિત વર્ગો ફોર્મ
- શોધ, ઇનલાઇન અને આડા સ્વરૂપો માટે નવા બિલ્ટ-ઇન ફોર્મ ડિફોલ્ટ્સ
- તમામ સ્ટાઇલ માટેના વર્ગો સાથે વધુ લવચીક આડું ફોર્મ માર્કઅપ, જેમાં નવા વૈકલ્પિક વર્ગનો સમાવેશ થાય છે.
label
- ફોર્મ સ્ટેટ્સ: રંગો અપડેટ અને નવા ઓછા વેરીએબલ દ્વારા કસ્ટમાઇઝ કરી શકાય તેવા
ચિહ્નો, Glyphicons દ્વારા
- નવો ગ્લિફિકન્સ હાફલિંગ આઇકન સેટ સ્પ્રાઈટ સ્વરૂપમાં, કાળા અને સફેદમાં ઉમેરવામાં આવ્યો
- ટન સંદર્ભોમાં આયકન માટે સરળ માર્કઅપ જરૂરી છે:
<i class="icon-cog"></>
.icon-whiteસમાન ચિહ્નની સફેદ વિવિધતા માટે અન્ય વર્ગ ઉમેરો
બટન જૂથો અને ડ્રોપડાઉન
- 2.0 માં બે તદ્દન નવા ઘટકો: બટન જૂથો અને બટન ડ્રોપડાઉન
- નિર્ભરતા: બટન ડ્રોપડાઉન બટન જૂથો પર બનેલ છે, અને તેથી તેમની બધી શૈલીઓ જરૂરી છે
- બટન જૂથો,
.btn-group, બટન ટૂલબાર વડે એક સ્તર ઉંચા જૂથ કરી શકાય છે,.btn-toolbar
સંશોધક
.navટૅબ્સ અને ગોળીઓને હવે તેમના પર નવા બેઝ ક્લાસનો ઉપયોગ કરવાની જરૂર છે<ul>
- નવી એનએવી સૂચિ વિવિધતા ઉમેરવામાં આવી છે જે સમાન આધાર વર્ગનો ઉપયોગ કરે છે,
.nav
.nav-stackedવર્ટિકલ ટેબ્સ અને ગોળીઓ ઉમેરવામાં આવી છે -માત્ર ઉમેરો<ul>
- પિલ્સને ડિફૉલ્ટ રૂપે ઓછા ગોળાકાર બનાવવા માટે ફરીથી સ્ટાઇલ કરવામાં આવી હતી
- પિલ્સમાં હવે ડ્રોપડાઉન મેનૂ સપોર્ટ છે (તેઓ ટેબની જેમ સમાન માર્કઅપ અને શૈલીઓ શેર કરે છે)
નવબાર (અગાઉ ટોપબાર)
- બેઝ ક્લાસ થી માં બદલાઈ
.topbarગયો.navbar
- હવે સ્ટેટિક પોઝિશનને સપોર્ટ કરે છે (ડિફૉલ્ટ વર્તણૂક, નિશ્ચિત નથી) અને વ્યૂપોર્ટની ટોચ પર ફિક્સ્ડ છે
.navbar-fixed-top(અગાઉ માત્ર સપોર્ટેડ ફિક્સ્ડ)
- ટોચના સ્તરના નેવીમાં વર્ટિકલ ડિવાઈડર ઉમેર્યા
- navbar માં ઇનલાઇન સ્વરૂપો માટે સુધારેલ આધાર, જેને હવે
.navbar-formમાત્ર ઇચ્છિત સ્વરૂપો માટે યોગ્ય રીતે અવકાશ શૈલીની જરૂર છે.
- નવબાર શોધ ફોર્મ માટે હવે
.navbar-searchવર્ગનો ઉપયોગ અને તેના ઇનપુટના ઉપયોગની જરૂર છે .search-query. શોધ ફોર્મને સ્થાન આપવા માટે , તમારે.pull-left અથવા .pull-right.
- નાના રિઝોલ્યુશન અને ઉપકરણો માટે નેવબાર સમાવિષ્ટોને સંકુચિત કરવા માટે વૈકલ્પિક પ્રતિભાવ માર્કઅપ ઉમેર્યું. કેવી રીતે ઉપયોગ કરવો તે માટે navbar દસ્તાવેજો જુઓ .
ડ્રોપડાઉન મેનુ
.dropdown-menuઅંતરને સજ્જડ કરવા માટે અપડેટ કર્યું
<span class="caret"></span>હવે તમારે ડ્રોપડાઉન એરો બતાવવા માટે એક ઉમેરવાની જરૂર છે
- નવબાર (નિયત ટોપબાર) એકદમ નવા ડ્રોપડાઉન ધરાવે છે. ડાર્ક વર્ઝન ગયા છે અને તેમના સ્થાને સ્થિતિની સ્પષ્ટતા માટે તેમની ટોચ પર વધારાની કેરેટ સાથે પ્રમાણભૂત સફેદ છે.
લેબલ્સ
- રાજ્યના રંગો સાથે મેળ કરવા માટે લેબલ રંગો અપડેટ કરવામાં આવ્યા છે
- તેઓ માત્ર ગ્રાફિકલી મેળ ખાતા નથી, પરંતુ તેઓ સમાન નવા ચલો દ્વારા સંચાલિત છે
થંબનેલ્સ
- અગાઉ
.media-grid, હવે માત્ર .thumbnails, અમે બોક્સની બહાર એકંદર સરળતા જાળવી રાખીને વધુ ઉપયોગો માટે આ ઘટકને સંપૂર્ણ રીતે વિસ્તૃત કર્યું છે.
- વ્યક્તિગત થંબનેલ્સને હવે
.thumbnailવર્ગની જરૂર છે
ચેતવણીઓ
- નવો આધાર વર્ગ:
.alertતેના બદલે.alert-message
- વર્ગના નામો અન્ય વિકલ્પો માટે પ્રમાણિત છે, હવે બધા સાથે શરૂ થાય છે
.alert-
- ડિફલ્ટ ચેતવણીઓ અને બ્લોક-લેવલ ચેતવણીઓને એકમાં જોડવા માટે બેઝ એલર્ટ શૈલીઓને ફરીથી ડિઝાઇન કરી
- બ્લોક લેવલ ચેતવણી વર્ગ બદલાયો:
.alert-blockતેના બદલે.block-message
પ્રગતિ પટ્ટીઓ
- 2.0 માં નવું
- CSS3 દ્વારા પટ્ટાવાળી અને એનિમેટેડ વિવિધતાઓ સહિત વર્ગો દ્વારા બહુવિધ શૈલીઓ દર્શાવે છે
વિવિધ ઘટકો
- વેલ કમ્પોનન્ટ અને ક્લોઝ આઇકન માટે ઉમેરાયેલ દસ્તાવેજીકરણ (મોડલ્સ અને ચેતવણીઓમાં વપરાય છે)
પોપોવર્સ
- બાળ ઘટકો હવે યોગ્ય રીતે નેમસ્પેસમાં છે:
.titleto .popover-title, .innerto .popover-inner, અને .contentto .popover-content.
નવા પ્લગઈનો