- டாக்ஸ்: பொது அமைப்பு, எடுத்துக்காட்டுகள் மற்றும் குறியீடு துணுக்குகளுக்கு பலகை முழுவதும் பெரிய புதுப்பிப்புகள். புதிய ஊடக வினாக்களுக்கும் பதிலளிக்கப்பட்டது.
- டாக்ஸ்: அனைத்து டாக்ஸ் பக்கங்களும் இப்போது மீசை டெம்ப்ளேட்களால் இயக்கப்படுகின்றன மற்றும் ட்விட்டர் மொழிபெயர்ப்பு மையத்தின் மொழிபெயர்ப்பிற்காக சரங்கள் i18n குறிச்சொற்களில் மூடப்பட்டிருக்கும். ஆவணத்தில் அனைத்து மாற்றங்களும் இங்கே செய்யப்பட வேண்டும், பின்னர் தொகுக்கப்பட வேண்டும் (எங்கள் CSS மற்றும் குறைவானது போன்றவை).
- ரெப்போ டைரக்டரி அமைப்பு: டாக்ஸ் முகப்புப்பக்கத்தில் ஒரு பெரிய நேரடி பதிவிறக்க இணைப்புக்கு ஆதரவாக தொகுக்கப்பட்ட CSS ஐ ரூட்டிலிருந்து அகற்றப்பட்டது. தொகுக்கப்பட்ட CSS இல் உள்ளது
/docs/assets/css/
.
- டாக்ஸ் மற்றும் ரெப்போ: ஒரு மேக்ஃபைல்,
make
டெர்மினலில் தட்டச்சு செய்து புதுப்பிக்கப்பட்ட டாக்ஸ் மற்றும் CSSஐப் பெறவும்.
கட்ட அமைப்பு
- புதுப்பிக்கப்பட்ட கட்ட அமைப்பு, இப்போது 16க்கு பதிலாக 12 நெடுவரிசைகள் மட்டுமே
- பதிலளிக்கக்கூடிய அணுகுமுறை என்பது ஸ்மார்ட்போன்கள், டேப்லெட்டுகள் மற்றும் பலவற்றில் உங்கள் திட்டப்பணிகள் கிட்டத்தட்ட இயங்கவில்லை.
- 17-24 நெடுவரிசைகளுக்கான பயன்படுத்தப்படாத (இயல்புநிலையாக) கட்ட நெடுவரிசைகள் அகற்றப்பட்டன
பதிலளிக்கக்கூடிய (ஊடக கேள்விகள்)
- மொபைல் மற்றும் டேப்லெட் சாதனங்களில் அடிப்படை ஆதரவுக்காக மீடியா வினவல்கள் சேர்க்கப்பட்டன
- பதிலளிக்கக்கூடிய CSS தனித்தனியாக தொகுக்கப்படுகிறது, bootstrap-responsive.css
அச்சுக்கலை
h4
உறுப்புகள் 16px இலிருந்து 14px க்கு line-height
18px இயல்புநிலையுடன் கைவிடப்பட்டது
h5
உறுப்புகள் 14px இலிருந்து 12px ஆக குறைக்கப்பட்டது
h6
உறுப்புகள் 13px இலிருந்து 11px ஆக குறைக்கப்பட்டது
- தொகுதி மேற்கோள்களுக்கான வலது-சீரமைக்கப்பட்ட விருப்பம் என்றால்
float: right;
குறியீடு
- புதிய வரைகலை பாணி
<code>
- கூகிள் கோட் ப்ரெட்டிஃபை ஸ்டைல்கள் புதுப்பிக்கப்பட்டன (GitHub இன் சுருக்கங்களின் அடிப்படையில்)
அட்டவணைகள்
- மேம்படுத்தப்பட்ட ஆதரவு
colspan
மற்றும்rowspan
- பாணிகள் இப்போது புதிய அடிப்படை வகுப்பிற்கு மட்டுப்படுத்தப்பட்டுள்ளன,
.table
.table-
முன்னொட்டாக தேவைப்படும் அட்டவணை வகுப்புகள் தரப்படுத்தப்பட்டுள்ளன
- பயன்படுத்தப்படாத அட்டவணை வண்ண விருப்பங்கள் அகற்றப்பட்டன (அத்தகைய சிறிய தாக்கத்திற்கு அதிகமான குறியீடு)
- TableSorter க்கான ஆதரவு கைவிடப்பட்டது
பொத்தான்கள்
- வண்ணங்கள் மற்றும் அளவுகளுக்கான புதிய வகுப்புகள், அனைத்தும் முன்னொட்டு
.btn-
- IE9: சாய்வுகளை அகற்றி வட்டமான மூலைகளைச் சேர்த்தது
- பொத்தான் குழுக்களில் (புதியது) ஸ்டைலிங்கைத் தெளிவாக்குவதற்கும், தனிப்பயன் மாற்றத்துடன் சிறப்பாகத் தோற்றமளிப்பதற்கும் செயலில் உள்ள நிலை புதுப்பிக்கப்பட்டது
- புதிய mixin,
.buttonBackground
, பட்டன் சாய்வுகளை அமைக்க
- எங்கள் டாக்ஸில் உள்ள
.secondary
மாதிரி எடுத்துக்காட்டுகளிலிருந்து வகுப்பு அகற்றப்பட்டது, ஏனெனில் அது எப்போதும் தொடர்புடைய பாணிகளைக் கொண்டிருக்கவில்லை.
படிவங்கள்
- குறைந்த CSS ஐப் பயன்படுத்தவும் அதிக நெகிழ்வுத்தன்மையைச் சேர்க்கவும் இயல்புநிலை படிவ நடை இப்போது செங்குத்தாக (அடுக்கப்பட்டுள்ளது) உள்ளது
.form-
முன்னொட்டாகத் தேவையான படிவ வகுப்புகள் தரப்படுத்தப்பட்டுள்ளன
- தேடல், இன்லைன் மற்றும் கிடைமட்ட வடிவங்களுக்கான புதிய உள்ளமைக்கப்பட்ட படிவ இயல்புநிலைகள்
- கிடைமட்ட வடிவங்களுக்கு, முந்தைய வகுப்புகள்
.clearfix
மற்றும் புதிய மற்றும் .input
சமமானவை ..control-group
.controls
- புதிய விருப்ப வகுப்பு உட்பட அனைத்து ஸ்டைலிங்கிற்கான வகுப்புகளுடன் கூடிய நெகிழ்வான கிடைமட்ட வடிவ மார்க்அப்
label
- படிவம் கூறுகிறது: வண்ணங்கள் புதுப்பிக்கப்பட்டு புதிய குறைந்த மாறிகள் மூலம் தனிப்பயனாக்கக்கூடியவை
சின்னங்கள், Glyphicons மூலம்
- புதிய Glyphicons Halflings ஐகான் செட் ஸ்ப்ரைட் வடிவத்தில், கருப்பு மற்றும் வெள்ளையில் சேர்க்கப்பட்டது
- பல சூழல்களில் ஐகானுக்கு எளிய மார்க்அப் தேவை:
<i class="icon-cog"></>
.icon-white
அதே ஐகானின் வெள்ளை மாறுபாட்டிற்கு, மற்றொரு வகுப்பைச் சேர்க்கவும்
பட்டன் குழுக்கள் மற்றும் கீழ்தோன்றல்கள்
- 2.0 இல் இரண்டு புத்தம் புதிய கூறுகள்: பொத்தான் குழுக்கள் மற்றும் பொத்தான் கீழ்தோன்றும்
- சார்பு: பொத்தான் கீழ்தோன்றும் பொத்தான் குழுக்களில் கட்டமைக்கப்பட்டுள்ளது, எனவே அவற்றின் அனைத்து பாணிகளும் தேவைப்படுகின்றன
- பட்டன் குழுக்கள்,
.btn-group
, ஒரு பட்டன் கருவிப்பட்டி மூலம் ஒரு நிலை உயர்வாக குழுவாக்கலாம்,.btn-toolbar
வழிசெலுத்தல்
- தாவல்கள் மற்றும் மாத்திரைகள் இப்போது புதிய அடிப்படை வகுப்பைப் பயன்படுத்த வேண்டும்,
.nav
அவற்றின் <ul>
மற்றும் வகுப்புப் பெயர்கள் இப்போது .nav-pills
மற்றும் .nav-tabs
.
- அதே அடிப்படை வகுப்பைப் பயன்படுத்தும் புதிய nav பட்டியல் மாறுபாடு சேர்க்கப்பட்டது,
.nav
- செங்குத்து தாவல்கள் மற்றும் மாத்திரைகள் சேர்க்கப்பட்டுள்ளன-
.nav-stacked
இதில் சேர்க்கவும்<ul>
- மாத்திரைகள் இயல்புநிலையில் குறைவாக உருண்டையாக இருக்கும்படி மறுசீரமைக்கப்பட்டன
- மாத்திரைகள் இப்போது கீழ்தோன்றும் மெனு ஆதரவைக் கொண்டுள்ளன (அவை தாவல்களின் அதே மார்க்அப் மற்றும் ஸ்டைல்களைப் பகிர்ந்து கொள்கின்றன)
நவ்பார் (முன்பு டாப்பார்)
.topbar
அடிப்படை வகுப்பிலிருந்து மாற்றப்பட்டது.navbar
- இப்போது நிலையான நிலையை ஆதரிக்கிறது (இயல்புநிலை நடத்தை, நிலையானது அல்ல) மற்றும் வியூபோர்ட்டின் மேலே நிலையானது
.navbar-fixed-top
(முன்பு நிலையானது மட்டுமே ஆதரிக்கப்பட்டது)
- மேல்-நிலை nav இல் செங்குத்து வகுப்பிகள் சேர்க்கப்பட்டது
- நேவ்பாரில் உள்ள இன்லைன் படிவங்களுக்கான மேம்படுத்தப்பட்ட ஆதரவு, இப்போது
.navbar-form
உத்தேசித்துள்ள படிவங்களுக்கு மட்டும் ஸ்டைல்களை சரியாக ஸ்கோப் செய்ய வேண்டும்.
- Navbar தேடல் படிவத்திற்கு இப்போது
.navbar-search
வகுப்பின் பயன்பாடு மற்றும் அதன் உள்ளீட்டின் பயன்பாடு தேவைப்படுகிறது .search-query
. தேடல் படிவத்தை நிலைநிறுத்த, நீங்கள் பயன்படுத்த வேண்டும்.pull-left
அல்லது .pull-right
.
- சிறிய தெளிவுத்திறன்கள் மற்றும் சாதனங்களுக்கான நேவ்பார் உள்ளடக்கங்களைச் சுருக்குவதற்கு விருப்பமான பதிலளிக்கக்கூடிய மார்க்அப் சேர்க்கப்பட்டது. எப்படி பயன்படுத்துவது என்பதற்கு navbar ஆவணத்தைப் பார்க்கவும் .
கீழ்தோன்றும் மெனுக்கள்
.dropdown-menu
இடைவெளியை அதிகரிக்க புதுப்பிக்கப்பட்டது
<span class="caret"></span>
இப்போது கீழ்தோன்றும் அம்புக்குறியைக் காட்ட நீங்கள் ஒரு சேர்க்க வேண்டும்
data-toggle="dropdown"
மாறுதல் நடத்தையைப் பெற , இப்போது நீங்கள் ஒரு பண்புக்கூறைச் சேர்க்க வேண்டும்
- நேவ்பார் (நிலையான டாப்பார்) புத்தம் புதிய டிராப் டவுன்களைக் கொண்டுள்ளது. இருண்ட பதிப்புகள் முடிந்துவிட்டன மற்றும் அவற்றின் இடத்தில் நிலையான வெள்ளை நிறங்கள் உள்ளன, அவற்றின் உச்சியில் நிலையின் தெளிவுக்காக கூடுதல் கேரட் உள்ளது.
லேபிள்கள்
- படிவத்தின் நிலை வண்ணங்களைப் பொருத்த லேபிள் வண்ணங்கள் புதுப்பிக்கப்பட்டன
- அவை வரைபட ரீதியாக பொருந்துவது மட்டுமல்லாமல், அதே புதிய மாறிகளால் இயக்கப்படுகின்றன
சிறுபடங்கள்
- முன்பு
.media-grid
, இப்போது தான் .thumbnails
, பாக்ஸ் வெளியே ஒட்டுமொத்த எளிமையை பராமரிக்கும் போது கூடுதல் பயன்பாடுகளுக்காக இந்த கூறுகளை முழுமையாக விரிவுபடுத்தியுள்ளோம்.
- தனிப்பட்ட சிறுபடங்களுக்கு இப்போது
.thumbnail
வகுப்பு தேவைப்படுகிறது
எச்சரிக்கைகள்
- புதிய அடிப்படை வகுப்பு:
.alert
பதிலாக.alert-message
- வகுப்புப் பெயர்கள் மற்ற விருப்பங்களுக்கு தரப்படுத்தப்பட்டுள்ளன, இப்போது அனைத்தும் தொடங்குகின்றன
.alert-
- இயல்புநிலை விழிப்பூட்டல்கள் மற்றும் தொகுதி-நிலை விழிப்பூட்டல்களை ஒன்றாக இணைக்க அடிப்படை எச்சரிக்கை பாணிகள் மறுவடிவமைப்பு செய்யப்பட்டன
- தொகுதி நிலை எச்சரிக்கை வகுப்பு மாற்றப்பட்டது:
.alert-block
பதிலாக.block-message
முன்னேற்ற பார்கள்
- 2.0 இல் புதியது
- CSS3 வழியாக கோடிட்ட மற்றும் அனிமேஷன் மாறுபாடுகள் உட்பட வகுப்புகள் வழியாக பல பாணிகளைக் கொண்டுள்ளது
இதர கூறுகள்
- கிணறு கூறு மற்றும் நெருக்கமான ஐகானுக்கான ஆவணங்கள் சேர்க்கப்பட்டது (மாடல்கள் மற்றும் விழிப்பூட்டல்களில் பயன்படுத்தப்படுகிறது)
உதவிக்குறிப்புகள்
- செருகுநிரல் முறை இலிருந்து மறுபெயரிடப்பட்டது , மேலும் வகுப்பின் பெயர் இலிருந்து
twipsy()
க்கு மாற்றப்பட்டது .tooltip()
twipsy
tooltip
- இருந்த
placement
விருப்ப மதிப்பு below
இப்போது உள்ளது bottom
, above
இப்போது உள்ளது top
.
animate
விருப்பம் என மறுபெயரிடப்பட்டது animation
.
- இப்போது
html
HTML ஐ அனுமதிப்பதற்கான உதவிக்குறிப்புகள் இயல்புநிலையாக இருப்பதால், விருப்பம் அகற்றப்பட்டது.
Popovers
- குழந்தை உறுப்புகள் இப்போது சரியாக பெயரிடப்பட்டுள்ளன:
.title
to .popover-title
, .inner
to .popover-inner
, and .content
to .popover-content
.
- இருந்த
placement
விருப்ப மதிப்பு below
இப்போது உள்ளது bottom
, above
இப்போது உள்ளது top
.
புதிய செருகுநிரல்கள்