- เอกสาร: การอัปเดตที่สำคัญทั่วทั้งกระดานถึงโครงสร้างทั่วไป ตัวอย่าง และข้อมูลโค้ด ยังตอบสนองต่อการสืบค้นสื่อใหม่
- เอกสาร: ขณะนี้หน้าเอกสารทั้งหมดขับเคลื่อนโดยเทมเพลต Mustache และสตริงถูกรวมไว้ในแท็ก i18n สำหรับการแปลโดย Twitter Translation Center การเปลี่ยนแปลงเอกสารทั้งหมดจะต้องทำที่นี่แล้วคอมไพล์ (คล้ายกับ CSS และ LESS ของเรา)
- โครงสร้างไดเร็กทอรี Repo: ลบ CSS ที่คอมไพล์แล้วออกจากรูทเพื่อใช้ลิงก์ดาวน์โหลดโดยตรงขนาดใหญ่บนหน้าแรกของเอกสาร CSS ที่คอมไพล์แล้วอยู่ใน
/docs/assets/css/
.
- เอกสารและ repo: makefile เดียว เพียงพิมพ์
make
Terminal และรับเอกสารและ CSS ที่อัปเดต
ระบบกริด
- อัปเดตระบบกริด ตอนนี้เหลือเพียง 12 คอลัมน์แทนที่จะเป็น 16
- แนวทางตอบสนองหมายความว่าโปรเจ็กต์ของคุณใช้งานได้จริงบนสมาร์ทโฟน แท็บเล็ต และอื่นๆ
- ลบการสนับสนุนคอลัมน์กริดที่ไม่ได้ใช้ (โดยค่าเริ่มต้น) สำหรับ 17-24 คอลัมน์
ตอบสนอง (แบบสอบถามสื่อ)
- เพิ่มข้อความค้นหาสื่อสำหรับการสนับสนุนขั้นพื้นฐานในอุปกรณ์เคลื่อนที่และแท็บเล็ต
- CSS ที่ตอบสนองถูกคอมไพล์แยกกัน เช่น bootstrap-responsive.css
วิชาการพิมพ์
h4
องค์ประกอบลดลงจาก 16px เป็น 14px โดยมีค่าเริ่มต้นline-height
18px
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 ทันที
ป๊อปโอเวอร์
- ตอนนี้อิลิเมน ต์ลูกถูกเนมสเปซอย่างถูกต้อง:
.title
to .popover-title
, .inner
to .popover-inner
, และ.content
to.popover-content
- ค่า
placement
ตัวเลือกที่เป็นbelow
อยู่ในขณะนี้bottom
และabove
ขณะtop
นี้
ปลั๊กอินใหม่