- Docs- အထွေထွေဖွဲ့စည်းပုံ၊ နမူနာများနှင့် ကုဒ်အတိုအထွာများအတွက် ဘုတ်အဖွဲ့တစ်လျှောက် အကြီးစားအပ်ဒိတ်များ။ မီဒီယာမေးခွန်းအသစ်များဖြင့်လည်း တုံ့ပြန်မှုပြုလုပ်ခဲ့သည်။
- Docs- ယခု Docs စာမျက်နှာအားလုံးကို Mustache templates မှ စွမ်းဆောင်ထားပြီး Twitter ဘာသာပြန်စင်တာမှ ဘာသာပြန်ရန်အတွက် i18n တဂ်များဖြင့် ထုပ်ပိုးထားပါသည်။ စာရွက်စာတမ်းဆိုင်ရာ ပြောင်းလဲမှုအားလုံးကို ဤနေရာတွင် လုပ်ဆောင်ပြီး စုစည်းရပါမည် (ကျွန်ုပ်တို့၏ CSS နှင့် LESS ကဲ့သို့)။
- Repo လမ်းညွှန်ဖွဲ့စည်းပုံ- docs ပင်မစာမျက်နှာရှိ ကြီးမားသောတိုက်ရိုက်ဒေါင်းလုဒ်လင့်ခ်ကို အရင်းပြု၍ စုစည်းထားသော CSS ကို ဖယ်ရှားခဲ့သည်။ Compiled CSS တွင်
/docs/assets/css/
ရှိသည်။
- Docs နှင့် repo- makefile တစ်ခု၊
make
Terminal တွင် ရိုက်ထည့်ရုံဖြင့် မွမ်းမံထားသော docs နှင့် CSS ကို ရယူလိုက်ပါ။
ဂရစ်စနစ်
- ဇယားကွက်စနစ်ကို အပ်ဒိတ်လုပ်ထားပြီး၊ ယခု 16 အစား ကော်လံ ၁၂ ခုသာရှိသည်။
- တုံ့ပြန်မှုချဉ်းကပ်မှုဆိုသည်မှာ စမတ်ဖုန်းများ၊ တက်ဘလက်များနှင့် အခြားအရာများပေါ်တွင် သင့်ပရောဂျက်များ လုံးဝနီးပါး အလုပ်မလုပ်သည်ကို ဆိုလိုပါသည်။
- အသုံးမပြုသော (မူလအားဖြင့်) ဂရစ်ကော်လံ 17-24 ကော်လံများအတွက် ပံ့ပိုးမှုကို ဖယ်ရှားထားသည်။
တုံ့ပြန်မှု (မီဒီယာမေးမြန်းချက်)
- မိုဘိုင်းနှင့် တက်ဘလက် စက်ပစ္စည်းများတွင် အခြေခံပံ့ပိုး မှုအတွက် မီဒီယာမေးမြန်းချက်များကို ထည့်သွင်းထားသည်။
- တုံ့ပြန်မှု CSS ကို bootstrap-responsive.css အဖြစ် သီးခြားစီ စုစည်းထားသည်။
စာစီစာရိုက်
h4
ဒြပ်စင်များကို 16px မှ 14px သို့ default line-height
18px ဖြင့် လျှော့ချခဲ့သည်။
h5
အစိတ်အပိုင်းများကို 14px မှ 12px သို့ လျှော့ချခဲ့သည်။
h6
အစိတ်အပိုင်းများကို 13px မှ 11px သို့ လျှော့ချခဲ့သည်။
- အကယ်၍ blockquotes အတွက် ညာဖက်ညှိထားသော option
float: right;
ကုဒ်
- ဂရပ်ဖစ်စတိုင်အသစ်
<code>
- Google Code Prettify စတိုင်များကို အပ်ဒိတ်လုပ်ထားသည် (GitHub ၏ အနှစ်သာရများကို အခြေခံ၍)
စားပွဲများ
- ပိုမိုကောင်းမွန်သော ပံ့ပိုးကူညီမှု
colspan
နှင့်rowspan
- ယခု ပုံစံများကို အခြေခံလူတန်းစားအသစ်တွင် ကန့်သတ်ထားသည်၊
.table
.table-
ရှေ့ဆက်အဖြစ် လိုအပ်သော စံသတ်မှတ်ထားသော ဇယားအတန်းများ
- အသုံးမပြုသော ဇယားအရောင် ရွေးချယ်မှုများကို ဖယ်ရှားလိုက်သည် (ထိုကဲ့သို့သော အကျိုးသက်ရောက်မှု အနည်းငယ်အတွက် ကုဒ်များလွန်းသည်)
- TableSorter အတွက် ပံ့ပိုးမှု ကျဆင်းသွားသည်။
ခလုတ်များ
- အရောင်များနှင့် အရွယ်အစားများအတွက် အတန်းအသစ်များ၊ အားလုံးရှေ့ဆက်ထားသည်။
.btn-
- IE9- gradient များကို ဖယ်ရှားပြီး လုံးဝန်းသော ထောင့်များကို ပေါင်းထည့်သည်။
- ခလုတ်အုပ်စုများ (အသစ်) တွင် ပိုမိုရှင်းလင်းစေရန်နှင့် စိတ်ကြိုက်အကူးအပြောင်းဖြင့် ပိုမိုကြည့်ကောင်းစေရန်အတွက် တက်ကြွသောအခြေအနေအား အပ်ဒိတ်လုပ်ထားသည်။
.buttonBackground
ခလုတ်အဆင့်များကို သတ်မှတ်ရန်အတွက် ပေါင်းစပ်အသစ်
ပုံစံများ
- CSS လျှော့သုံးရန်နှင့် ပိုမိုပြောင်းလွယ်ပြင်လွယ်ထည့်ရန် မူရင်းပုံစံပုံစံသည် ယခုအခါ ဒေါင်လိုက် (တန်းစီထားသည်) ဖြစ်သည်။
.form-
ရှေ့ဆက်အဖြစ် လိုအပ်သော စံသတ်မှတ်ထားသော ပုံစံအတန်းများ
- ရှာဖွေမှု၊ လိုင်းနှင့် အလျားလိုက် ဖောင်များအတွက် ထည့်သွင်းထားသော ပုံစံအသစ်များ
- ပိုမိုပြောင်းလွယ်ပြင်လွယ်ရှိသော အလျားလိုက်ပုံစံ အမှတ်အသားပြုလုပ်ထားသော ပုံစံအားလုံးအတွက် အတန်းများနှင့်အတူ၊ စိတ်ကြိုက်ရွေးချယ်နိုင်သော အတန်းအစားအသစ်များ၊
label
- ပုံစံပြည်နယ်များ- LESS variable အသစ်များမှ အရောင်များကို အပ်ဒိတ်လုပ်ပြီး စိတ်ကြိုက်ပြင်ဆင်နိုင်သည်။
Glyphicons ဖြင့် အိုင်ကွန်များ
- အသစ်သော Glyphicons Halflings သင်္ကေတအစုံကို အဖြူအမည်း sprite ပုံစံဖြင့် ထည့်သွင်းထားသည်။
- အကြောင်းအရာများစွာရှိ အိုင်ကွန်တစ်ခုအတွက် ရိုးရှင်းသော အမှတ်အသား လိုအပ်သည်-
<i class="icon-cog"></>
.icon-white
တူညီသောအိုင်ကွန်၏အဖြူရောင်ကွဲလွဲမှုအတွက် အခြားအတန်းကိုထည့်ပါ ။
ခလုတ်အုပ်စုများနှင့် dropdowns
- 2.0 တွင် အသစ်စက်စက် အစိတ်အပိုင်းနှစ်ခု- ခလုတ်အုပ်စုများနှင့် ခလုတ်များကို ဖြုတ်ချခြင်းများ
- မှီခိုမှု- ခလုတ်ဆွဲချမှုများကို ခလုတ်အုပ်စုများပေါ်တွင် တည်ဆောက်ထားသောကြောင့် ၎င်းတို့၏စတိုင်များအားလုံးကို လိုအပ်ပါသည်။
- ခလုတ်အုပ်စုများ၊
.btn-group
၊ ခလုတ်များကို ကိရိယာဘားတစ်ခုဖြင့် ပိုမိုမြင့်မားသောအဆင့်တစ်ခုဖြင့် အုပ်စုဖွဲ့နိုင်သည်၊.btn-toolbar
ညွှန်း
- တက်ဘ်များနှင့် ဆေးပြားများ
.nav
သည် ၎င်းတို့အပေါ် အခြေခံလူတန်းစားအသစ်ကို အသုံးပြုရန် လိုအပ်နေပြီဖြစ်သည်။<ul>
- တူညီသော အခြေခံလူတန်းစားကို အသုံးပြုသည့် nav list ဗားရှင်းအသစ် ထပ်ထည့်သည်၊
.nav
- ဒေါင်လိုက် တက်ဘ်များနှင့် ဆေးပြားများကို ပေါင်းထည့်ထားသည်—ထိုသို့ ထည့်လိုက်ရုံ
.nav-stacked
ပင်<ul>
- ဆေးပြားများကို ပုံသေဖြင့် အဝိုင်းနည်းအောင် ပုံစံပြောင်းထားသည်။
- ယခု ဆေးပြားများသည် dropdown menu ပံ့ပိုးမှု ရှိသည် (၎င်းတို့သည် တဘ်များကဲ့သို့ အမှတ်အသားနှင့် ပုံစံများကို မျှဝေသည်)
Navbar (ယခင် topbar)
- အခြေခံလူတန်းစားမှ ပြောင်းလဲခဲ့သည်
.topbar
။.navbar
- ယခု တည်ငြိမ်သော အနေအထားကို ပံ့ပိုးပေးသည် (ပုံသေ အမူအရာ၊ ပုံသေမဟုတ်ပါ) မှတဆင့် မြင်ကွင်းပို့တ်၏ ထိပ်သို့ ပြင်ဆင်ပြီး
.navbar-fixed-top
(ယခင်က ပံ့ပိုးပေးထားသည့် ပုံသေသာ)
- ထိပ်တန်းအဆင့် nav သို့ ဒေါင်လိုက်ပိုင်းခြားမှုများကို ထည့်ထားသည်။
.navbar-form
ယခု ရည်ရွယ်ထားသည့် ဖောင်များသာ မှန်ကန်စွာ ဘောင်ခတ်ရန် လိုအပ်သည့် navbar ရှိ အတွင်းပုံစံ ဖောင်များအတွက် ပိုမိုကောင်းမွန်သော ပံ့ပိုးမှု ။
- Navbar ရှာဖွေမှုပုံစံသည် ယခုအခါ
.navbar-search
အတန်းအစားကို အသုံးပြုရန်နှင့် ၎င်း၏ထည့်သွင်းမှုကို အသုံးပြုရန် လိုအပ်သည် .search-query
။ ရှာဖွေမှုပုံစံကို နေရာချထားရန်၊ သို့မဟုတ် အသုံးပြု ရပါမည် ။.pull-left
.pull-right
- သေးငယ်သော ကြည်လင်ပြတ်သားမှု နှင့် စက်များအတွက် navbar အကြောင်းအရာများကို ပြိုကျစေရန် ရွေးချယ်နိုင်သော တုံ့ပြန်မှု အမှတ်အသားကို ထည့်ထားသည်။ အသုံးပြုပုံအတွက် navbar docs ကို ကြည့်ပါ ။
ဆွဲချမီနူးများ
.dropdown-menu
အကွာအဝေးကို တင်းကျပ်အောင် အပ် ဒိတ်လုပ်ထားသည်။
<span class="caret"></span>
ယခု dropdown မြှားကိုပြသရန် သင့်အား ထည့်သွင်းရန် လိုအပ်ပါသည်။
- navbar ( fixed topbar ) တွင် dropdown အသစ်စက်စက်များရှိသည်။ မှောင်မိုက်သောဗားရှင်းများ မရှိတော့ဘဲ ၎င်းတို့၏နေရာများတွင် အနေအထားရှင်းလင်းရန်အတွက် ၎င်းတို့၏ထိပ်များတွင် အပိုဂရုတစ်ခုပါသော ပုံမှန်အဖြူရောင်များဖြစ်သည်။
တံဆိပ်များ
- အညွှန်းအရောင်များကို ပုံစံပြည်နယ်အရောင်များနှင့် ကိုက်ညီစေရန် အပ်ဒိတ်လုပ်ထားသည်။
- ၎င်းတို့သည် ဂရပ်ဖစ်ပိုင်းနှင့် ကိုက်ညီရုံသာမက တူညီသော ကိန်းရှင်အသစ်များဖြင့်ပါဝါပေးထားသည်။
ပုံသေးများ
- ယခင်က
.media-grid
၊ ယခုတွင် .thumbnails
၊ ကျွန်ုပ်တို့သည် လုံး၀ရိုးရှင်းမှုကို ထိန်းသိမ်းထားစဉ်တွင် ဤအစိတ်အပိုင်းကို ပိုမိုအသုံးပြုရန်အတွက် အသေအချာ တိုးချဲ့ထားပါသည်။
- တစ်ဦးချင်း ပုံသေးများသည် ယခု
.thumbnail
အတန်း လိုအပ်ပါသည်။
သတိပေးချက်များ
- အခြေခံလူတန်းစားအသစ်-
.alert
အစား.alert-message
- အခြားရွေးချယ်စရာများအတွက် စံသတ်မှတ်ထားသော အတန်းအမည်များကို ယခု အားလုံးမှ စတင်ပါသည်။
.alert-
- ပုံသေသတိပေးချက်များနှင့် ပိတ်ဆို့အဆင့်သတိပေးချက်များကို တစ်ခုတည်းအဖြစ် ပေါင်းစပ်ရန် အခြေခံသတိပေးချက်ပုံစံများကို ပြန်လည်ဒီဇိုင်းထုတ်ထားသည်။
- ပိတ်ဆို့ခြင်းအဆင့် သတိပေးချက် အတန်းအစား ပြောင်းလဲခဲ့သည်
.alert-block
-.block-message
တိုးတက်မှုဘားများ
- 2.0 တွင် အသစ်
- CSS3 မှတစ်ဆင့် အစင်းကြောင်းများနှင့် ကာတွန်းပုံစံကွဲလွဲမှုများ အပါအဝင် အတန်းများမှတစ်ဆင့် စတိုင်များစွာကို ပါရှိသည်။
အထွေထွေအစိတ်အပိုင်းများ
- ရေတွင်းအစိတ်အပိုင်းနှင့် အပိတ်သင်္ကေတ (modals များနှင့် သတိပေးချက်များတွင်သုံးသည်)
Popovers
- ကလေးဒြပ်စင်များကို ယခု မှန်ကန်စွာ အမည်သတ်မှတ်ထားသည်-
.title
to .popover-title
, .inner
to .popover-inner
, and .content
to .popover-content
.
ပလပ်အင်အသစ်များ