- Баримт бичиг: ерөнхий бүтэц, жишээнүүд болон кодын хэсгүүдийн үндсэн шинэчлэлтүүд. Мөн шинэ медиа асуулгад хариу үйлдэл үзүүлэх боломжтой болсон.
- Баримт бичиг: одоо бүх баримтын хуудсууд сахалтай загваруудаар тэжээгддэг болсон бөгөөд стрингүүдийг i18n шошгонд ороож, Twitter орчуулгын төвөөс орчуулах боломжтой болсон. Баримт бичгийн бүх өөрчлөлтийг энд хийж, дараа нь эмхэтгэх ёстой (манай CSS болон LESS-тэй адил).
- Репо лавлах бүтэц: Docs нүүр хуудаснаас шууд татаж авах том линкийг ашиглахын тулд хөрвүүлсэн CSS-ийг үндэснээс нь устгасан. Эмхэтгэсэн CSS -д
/docs/assets/css/
байна.
- Докс ба репо: нэг makefile, зүгээр л
make
Терминал руу бичээд шинэчлэгдсэн баримт бичиг болон CSS-г аваарай.
Сүлжээний систем
- Шинэчлэгдсэн сүлжээний систем, одоо 16 баганын оронд зөвхөн 12 багана
- Хариуцлагатай хандлага гэдэг нь таны төслүүд ухаалаг гар утас, таблет болон бусад зүйлс дээр хэрэгжих боломжтой гэсэн үг юм
- Ашиглагдаагүй (анхдагчаар) сүлжээ багануудыг устгасан, 17-24 баганыг дэмждэг
Хариуцлагатай (хэвлэл мэдээллийн асуулга)
- Хөдөлгөөнт болон таблет төхөөрөмжүүдэд үндсэн дэмжлэг үзүүлэх зорилгоор медиа асуулга нэмсэн
- Responsive CSS нь bootstrap-responsive.css хэлбэрээр тусад нь хөрвүүлэгддэг
Типографи
h4
элементүүдийг 18px-ийн өгөгдмөлөөр 16px-аас 14px болгон line-height
бууруулсан
h5
элементүүдийг 14px-ээс 12px болгон бууруулсан
h6
элементүүдийг 13px-ээс 11px болгон бууруулсан
- Хэрэв блок ишлэлийг баруун тийш зэрэгцүүлсэн сонголт
float: right;
Код
- Шинэ график хэв маяг
<code>
- Google Code Prettify-ийн хэв маягийг шинэчилсэн (GitHub-ийн гол санаан дээр үндэслэсэн)
Хүснэгтүүд
colspan
болон -д зориулсан сайжруулсан дэмжлэгrowspan
- Загваруудыг одоо шинэ үндсэн ангид хязгаарласан,
.table
- Хүснэгтийн ангиудыг
.table-
угтвар болгон стандартчилсан
- Ашиглагдаагүй хүснэгтийн өнгөний сонголтыг хассан (ийм бага нөлөө үзүүлэхийн тулд хэт их код)
- TableSorter-ийн дэмжлэгийг хассан
Товчлуурууд
- Өнгө, хэмжээтэй шинэ ангиуд бүгд угтвартай
.btn-
- IE9: градиентийг арилгаж, дугуйрсан булангуудыг нэмсэн
- Товчлуурын бүлгүүдийн загварчлалыг илүү тодорхой болгох (шинэ) болон захиалгат шилжилтээр илүү сайн харагдахын тулд идэвхтэй төлөвийг шинэчилсэн
.buttonBackground
Товчлуурын градиентийг тохируулахын тулд шинэ холигч,
- Анги
.secondary
нь хэзээ ч холбогдох хэв маягтай байгаагүй тул манай баримт бичгийн загвар жишээнүүдээс хасагдсан.
Маягтууд
- Өгөгдмөл маягтын загвар нь CSS-ийг бага ашиглаж, илүү уян хатан болгох үүднээс босоо (овоолсон) болсон.
- Маягтын ангиудыг
.form-
угтвар болгон стандартчилсан
- Хайлт, шугаман болон хэвтээ маягтуудын шинэ суулгасан маягтын өгөгдмөл
- Хэвтээ хэлбэрийн хувьд өмнөх ангиуд нь шинэ
.clearfix
болон ..input
.control-group
.controls
- Илүү уян хатан хэвтээ хэлбэрийн тэмдэглэгээ нь бүх загварт зориулсан ангиуд, түүний дотор шинэ нэмэлт анги
label
- Маягтын төлөв: өнгө шинэчлэгдсэн, шинэ LESS хувьсагчаар өөрчлөх боломжтой
Glyphicons-ийн дүрс тэмдэг
- Шинэ Glyphicons Halflings дүрсний багцыг спрайт хэлбэрээр, хар цагаанаар нэмсэн
- Олон тонн контекст дэх дүрсэнд энгийн тэмдэглэгээ хийх шаардлагатай:
<i class="icon-cog"></>
.icon-white
Ижил дүрсний цагаан хувилбарт өөр анги, , нэмнэ үү
Товчлуурын бүлгүүд болон унадаг цэсүүд
- 2.0 дахь цоо шинэ хоёр бүрэлдэхүүн хэсэг: товчлуурын бүлгүүд болон товчлуурын уналт
- Хараат байдал: товчлуурын уналт нь товчлуурын бүлгүүд дээр бүтээгдсэн тул тэдгээрийн бүх хэв маягийг шаарддаг
- Товчлуурын бүлгүүдийг,
.btn-group
, товчлуурын хэрэгслийн мөрийн тусламжтайгаар нэг шатаар дээш бүлэглэж болно..btn-toolbar
Навигац
- Таб болон эм нь одоо шинэ үндсэн анги ашиглахыг шаарддаг,
.nav
, тэдгээрийн <ul>
болон ангийн нэр нь одоо .nav-pills
болон .nav-tabs
байна.
- Ижил үндсэн анги ашигладаг навигацийн жагсаалтын шинэ хувилбар нэмэгдсэн.
.nav
- Босоо таб болон эм нэмсэн - зүгээр л нэмнэ
.nav-stacked
үү<ul>
- Анхдагчаар бага бөөрөнхий байхын тулд эмүүдийг дахин зассан
- Эмүүд одоо унждаг цэсийг дэмждэг болсон (тэдгээр нь табуудтай ижил тэмдэглэгээ, хэв маягийг хуваалцдаг)
Navbar (өмнө нь topbar)
- Үндсэн ангиас
.topbar
өөрчлөгдсөн.navbar
- Одоо статик байрлалыг дэмждэг (өгөгдмөл төлөв, тогтворгүй) ба харах цонхны дээд хэсэгт
.navbar-fixed-top
(өмнө нь зөвхөн тогтмол дэмждэг байсан)
- Дээд түвшний навигацид босоо хуваагч нэмсэн
- Navbar дээрх шугаман маягтуудад зориулсан сайжруулсан дэмжлэг, одоо
.navbar-form
зөвхөн зориулалтын маягтуудад хэв маягийг зөв хамрах шаардлагатай.
- Navbar хайлтын маягт нь одоо
.navbar-search
класс болон түүний оролтыг ашиглахыг шаарддаг .search-query
. Хайлтын маягтыг байрлуулахын тулд та эсвэл ашиглах ёстой ..pull-left
.pull-right
- Бага нарийвчлалтай болон төхөөрөмжүүдэд зориулсан navbar контентыг задлах нэмэлт хариу тэмдэглэгээг нэмсэн. Хэрхэн ашиглах талаар navbar баримтаас харна уу .
Унждаг цэсүүд
.dropdown-menu
Зайг чангаруулах үүднээс шинэчилсэн
<span class="caret"></span>
Унждаг сумыг харуулахын тулд одоо танаас a нэмэх шаардлагатай
- Одоо танаас
data-toggle="dropdown"
сэлгэх үйлдлийг олж авахын тулд атрибут нэмэхийг шаардаж байна
- Navbar (тогтмол дээд самбар) нь цоо шинэ унадаг цэстэй. Харанхуй хувилбарууд нь алга болсон бөгөөд тэдний оронд байрлалыг тодорхой болгох үүднээс дээд хэсэгт нь нэмэлт карет бүхий стандарт цагаан өнгөтэй байна.
Шошго
- Шошгоны өнгийг маягтын төлөвтэй тааруулахын тулд шинэчилсэн
- Эдгээр нь зөвхөн графикаар таарч зогсохгүй ижил шинэ хувьсагчдаас тэжээгддэг
Өнгөц зураг
- Өмнө нь
.media-grid
, одоо дөнгөж сая .thumbnails
бид энэ бүрэлдэхүүн хэсгийг илүү ашиглахын тулд сайтар өргөтгөж, ерөнхий энгийн байдлыг хадгалсан.
- Хувь хүний өнгөц зурагт одоо
.thumbnail
анги шаардлагатай
Анхааруулга
- Шинэ үндсэн анги:
.alert
оронд нь.alert-message
- Ангийн нэрсийг бусад сонголтуудад зориулж стандартчилсан, одоо бүгд эхэлж байна
.alert-
- Өгөгдмөл анхааруулга болон блок түвшний сэрэмжлүүлгийг нэгтгэхийн тулд үндсэн дохионы хэв маягийг дахин боловсруулсан
- Блокны түвшний дохиоллын анги өөрчлөгдсөн:
.alert-block
оронд.block-message
Явцын мөр
- 2.0-д шинэ
- CSS3-ээр дамжуулан судалтай болон хөдөлгөөнт хувилбаруудыг багтаасан олон төрлийн хэв маягийг ангиллаар харуулдаг
Төрөл бүрийн бүрэлдэхүүн хэсгүүд
- Худагны бүрэлдэхүүн хэсэг болон хаах дүрсний баримт бичгийг нэмсэн (модал болон дохиололд ашигладаг)
Анхаараарай! Бид залгаасууддаа зориулж бараг бүх зүйлийг дахин бичсэн тул
илүү ихийг мэдэхийн тулд
Javascript хуудас руу очно уу.
Зөвлөмж
- Залгаасны аргын нэрийг -ээс
twipsy()
, tooltip()
ангийн нэрийг -ээс twipsy
өөрчилсөн tooltip
.
- Өмнө
placement
нь байсан сонголтын утга below
нь одоо bottom
байгаа ба above
одоо байгаа top
.
- Сонголтыг гэж
animate
өөрчилсөн .animation
- Хэрэгслийн зөвлөмж нь HTML-г одоо зөвшөөрч байгаа тул энэ
html
сонголтыг устгасан.
Поповерууд
- Хүүхдийн элементүүд одоо зөв нэрийн зайтай байна: to
.title
, .popover-title
to .inner
, .popover-inner
болон .content
..popover-content
- Өмнө
placement
нь байсан сонголтын утга below
нь одоо bottom
байгаа ба above
одоо байгаа top
.
Шинэ залгаасууд