- เอกสาร: การอัปเดตที่สำคัญทั่วทั้งกระดานถึงโครงสร้างทั่วไป ตัวอย่าง และข้อมูลโค้ด ยังตอบสนองต่อการสืบค้นสื่อใหม่
- เอกสาร: ขณะนี้หน้าเอกสารทั้งหมดขับเคลื่อนโดยเทมเพลต Mustache และสตริงถูกรวมไว้ในแท็ก i18n สำหรับการแปลโดย Twitter Translation Center การเปลี่ยนแปลงเอกสารทั้งหมดจะต้องทำที่นี่แล้วคอมไพล์ (คล้ายกับ CSS และ LESS ของเรา)
- โครงสร้างไดเร็กทอรี Repo: ลบ CSS ที่คอมไพล์แล้วออกจากรูทเพื่อใช้ลิงก์ดาวน์โหลดโดยตรงขนาดใหญ่บนหน้าแรกของเอกสาร CSS ที่คอมไพล์แล้วอยู่ใน
/docs/assets/css/.
- เอกสารและ repo: makefile เดียว เพียงพิมพ์
makeTerminal และรับเอกสารและ CSS ที่อัปเดต
ระบบกริด
- อัปเดตระบบกริด ตอนนี้เหลือเพียง 12 คอลัมน์แทนที่จะเป็น 16
- แนวทางตอบสนองหมายความว่าโปรเจ็กต์ของคุณใช้งานได้จริงบนสมาร์ทโฟน แท็บเล็ต และอื่นๆ
- ลบการสนับสนุนคอลัมน์กริดที่ไม่ได้ใช้ (โดยค่าเริ่มต้น) สำหรับ 17-24 คอลัมน์
ตอบสนอง (แบบสอบถามสื่อ)
- เพิ่มข้อความค้นหาสื่อสำหรับการสนับสนุนขั้นพื้นฐานในอุปกรณ์มือถือและแท็บเล็ต
- CSS ที่ตอบสนองถูกคอมไพล์แยกกัน เช่น bootstrap-responsive.css
วิชาการพิมพ์
h4องค์ประกอบลดลงจาก 16px เป็น 14px โดยมีค่าเริ่มต้นline-height18px
h5องค์ประกอบลดลงจาก 14px เป็น 12px
h6องค์ประกอบลดลงจาก 13px เป็น 11px
- ตัวเลือกชิดขวาสำหรับ blockquotes if
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>
- เม็ดยาถูกจัดรูปแบบใหม่ให้กลมน้อยลงโดยค่าเริ่มต้น
- Pills ตอนนี้รองรับเมนูแบบเลื่อนลงแล้ว (พวกเขาแบ่งปันมาร์กอัปและสไตล์เดียวกันกับแท็บ)
Navbar (เดิมคือแถบบนสุด)
- คลาสพื้นฐานเปลี่ยนจาก
.topbarเป็น.navbar
- ตอนนี้รองรับตำแหน่งคงที่ (พฤติกรรมเริ่มต้น, ไม่คงที่) และคงที่ที่ด้านบนของวิวพอร์ตผ่าน
.navbar-fixed-top(ก่อนหน้านี้รองรับเฉพาะคงที่)
- เพิ่มตัวแบ่งแนวตั้งให้กับ nav . ระดับบนสุด
- ปรับปรุงการรองรับแบบฟอร์มอินไลน์ในแถบนำทาง ซึ่งตอนนี้จำเป็นต้องกำหนด
.navbar-formขอบเขตลักษณะเฉพาะกับแบบฟอร์มที่ต้องการเท่านั้น
- แบบฟอร์มการค้นหา Navbar ตอนนี้ต้องการการใช้
.navbar-searchคลาสและการป้อนข้อมูลการใช้.search-query. ในการวางตำแหน่ง แบบฟอร์มการค้นหา คุณต้องใช้.pull-leftหรือ.pull-right
- เพิ่มมาร์กอัปตอบสนองที่เป็นตัวเลือกสำหรับการยุบเนื้อหาแถบนำทางสำหรับความละเอียดและอุปกรณ์ที่มีขนาดเล็กลง ดูเอกสาร navbarสำหรับวิธีใช้
เมนูแบบเลื่อนลง
- อัปเดต
.dropdown-menuเพื่อกระชับระยะห่าง
- ตอนนี้คุณต้องเพิ่ม a
<span class="caret"></span>เพื่อแสดงลูกศรแบบเลื่อนลง
- ตอนนี้คุณต้องเพิ่ม
data-toggle="dropdown"แอตทริบิวต์เพื่อรับพฤติกรรมการสลับ
- แถบนำทาง (แถบด้านบนแบบตายตัว) มีเมนูแบบเลื่อนลงใหม่เอี่ยม เวอร์ชันมืดหายไปแล้ว และแทนที่จะเป็นสีขาวมาตรฐาน โดยมีเครื่องหมายคาเร็ตเพิ่มเติมที่ด้านบนเพื่อความชัดเจนของตำแหน่ง
ป้าย
- อัปเดตสีป้ายกำกับให้ตรงกับสีของแบบฟอร์ม
- ไม่เพียงแค่จับคู่แบบกราฟิกเท่านั้น แต่ยังขับเคลื่อนโดยตัวแปรใหม่เหมือนกัน
รูปขนาดย่อ
- เมื่อ ก่อน
.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 ทันที
ป๊อปโอเวอร์
- ตอนนี้อิลิเมน ต์ลูกถูกเนมสเปซอย่างถูกต้อง:
.titleto .popover-title, .innerto .popover-inner, และ.contentto.popover-content
- ค่า
placementตัวเลือกที่เป็นbelowอยู่ในขณะนี้bottomและaboveขณะtopนี้
ปลั๊กอินใหม่