Menaik taraf kepada Bootstrap 2

Ketahui tentang perubahan dan penambahan yang ketara sejak v1.4 dengan panduan berguna ini.

Dokumen: kemas kini utama merentas papan kepada struktur umum, contoh dan coretan kod. Juga dibuat responsif dengan pertanyaan media baharu.
Dokumen: semua halaman dokumen kini dikuasakan oleh templat Misai dan rentetan dibalut dengan tag i18n untuk terjemahan oleh Pusat Terjemahan Twitter. Semua perubahan pada dokumentasi mesti dilakukan di sini dan kemudian disusun (serupa dengan CSS kami dan KURANG).
Struktur direktori Repo: mengalih keluar CSS yang disusun daripada akar yang memihak kepada pautan muat turun terus yang besar pada halaman utama dokumen. CSS yang disusun berada dalam /docs/assets/css/.
Dokumen dan repo: satu fail make, hanya taip makeTerminal dan dapatkan dokumen dan CSS yang dikemas kini.

Sistem grid

Sistem grid yang dikemas kini, kini hanya 12 lajur dan bukannya 16
Pendekatan responsif bermakna projek anda hampir berfungsi di luar kotak pada telefon pintar, tablet dan banyak lagi
Dialih keluar sokongan lajur grid yang tidak digunakan (secara lalai) untuk 17-24 lajur

Responsif (pertanyaan media)

Pertanyaan media ditambah untuk sokongan asas merentas peranti mudah alih dan tablet
CSS responsif disusun secara berasingan, sebagai bootstrap-responsive.css

Tipografi

h4elemen telah digugurkan daripada 16px kepada 14px dengan lalai line-height18px
h5elemen telah digugurkan daripada 14px kepada 12px
h6elemen telah digugurkan daripada 13px kepada 11px
Pilihan dijajar kanan untuk petikan blok jikafloat: right;

Kod

Gaya grafik baharu untuk<code>
Gaya Google Code Prettify dikemas kini (berdasarkan intipati GitHub)

Meja

Sokongan yang lebih baik untuk colspandanrowspan
Gaya kini terhad kepada kelas asas baharu,.table
Kelas jadual diseragamkan dengan .table-diperlukan sebagai awalan
Mengalih keluar pilihan warna jadual yang tidak digunakan (terlalu banyak kod untuk kesan yang kecil itu)
Menggugurkan sokongan untuk TableSorter

Butang

Kelas baharu untuk warna dan saiz, semuanya diawali dengan.btn-
IE9: mengalih keluar kecerunan dan menambah bucu bulat
Keadaan aktif dikemas kini untuk menjadikan penggayaan lebih jelas dalam kumpulan butang (baharu) dan kelihatan lebih baik dengan peralihan tersuai
Mixin baharu, .buttonBackground, untuk menetapkan kecerunan butang

Borang

Gaya borang lalai kini menegak (bertindan) untuk menggunakan kurang CSS dan menambah fleksibiliti yang lebih besar
Kelas bentuk diseragamkan dengan .form-diperlukan sebagai awalan
Borang terbina dalam baharu lalai untuk borang carian, sebaris dan mendatar
Penanda bentuk mendatar yang lebih fleksibel dengan kelas untuk semua penggayaan, termasuk kelas pilihan baharu untuklabel
Keadaan bentuk: warna dikemas kini dan disesuaikan melalui pembolehubah KURANG baharu

Ikon, oleh Glyphicons

Set ikon Glyphicons Halfings baharu ditambah dalam bentuk sprite, dalam hitam dan putih
Penanda mudah diperlukan untuk ikon dalam banyak konteks:<i class="icon-cog"></>
Tambah kelas lain, .icon-white, untuk variasi putih ikon yang sama

Kumpulan butang dan lungsur turun

Dua komponen baharu dalam 2.0: kumpulan butang dan butang lungsur turun
Ketergantungan: butang jatuh turun dibina pada kumpulan butang, dan oleh itu memerlukan semua gaya mereka
Kumpulan butang, .btn-group, boleh dikumpulkan satu tahap lebih tinggi dengan bar alat butang,.btn-toolbar

Navigasi

Tab dan pil kini memerlukan penggunaan kelas asas baharu, .nav, padanya<ul>
Variasi senarai nav baharu ditambah yang menggunakan kelas asas yang sama,.nav
Tab dan pil menegak telah ditambah—hanya tambahkan .nav-stackedpada<ul>
Pil telah digayakan semula menjadi kurang bulat secara lalai
Pil kini mempunyai sokongan menu lungsur (ia berkongsi penanda dan gaya yang sama seperti tab)

Navbar (dahulunya bar atas)

Kelas asas ditukar daripada .topbarkepada.navbar
Kini menyokong kedudukan statik (tingkah laku lalai, bukan tetap) dan ditetapkan pada bahagian atas port pandang melalui .navbar-fixed-top(sebelum ini hanya disokong tetap)
Menambah pembahagi menegak pada navigasi peringkat atas
Sokongan yang dipertingkatkan untuk borang sebaris dalam bar navigasi, yang kini memerlukan .navbar-formskop gaya dengan betul kepada borang yang dimaksudkan sahaja.
Borang carian Navbar kini memerlukan penggunaan .navbar-searchkelas dan inputnya menggunakan .search-query. Untuk meletakkan borang carian, anda mesti menggunakan .pull-leftatau .pull-right.
Menambahkan penanda responsif pilihan untuk meruntuhkan kandungan bar nav untuk resolusi dan peranti yang lebih kecil. Lihat dokumen navbar untuk cara menggunakan.

Menu lungsur turun

Mengemas kini .dropdown-menuuntuk mengetatkan jarak
Kini memerlukan anda menambah a <span class="caret"></span>untuk menunjukkan anak panah lungsur
Navbar (bar atas tetap) mempunyai dropdown serba baharu. Versi gelap sudah hilang dan menggantikannya ialah versi putih standard dengan karet tambahan di bahagian atasnya untuk kejelasan kedudukan.

Label

Warna label dikemas kini untuk memadankan warna keadaan bentuk
Ia bukan sahaja sepadan secara grafik, tetapi ia dikuasakan oleh pembolehubah baharu yang sama

Gambar kecil

Dahulu .media-grid, kini hanya .thumbnails, kami telah meluaskan komponen ini secara menyeluruh untuk lebih banyak kegunaan sambil mengekalkan kesederhanaan keseluruhan di luar kotak.
Lakaran kecil individu kini memerlukan .thumbnailkelas

Makluman

Kelas asas baharu: .alertbukannya.alert-message
Nama kelas diseragamkan untuk pilihan lain, kini semuanya bermula dengan.alert-
Gaya amaran asas direka semula untuk menggabungkan makluman deafult dan makluman peringkat blok menjadi satu
Kelas makluman tahap blok ditukar: .alert-blockbukannya.block-message

Bar kemajuan

Baru dalam 2.0
Mempunyai pelbagai gaya melalui kelas, termasuk variasi berjalur dan animasi melalui CSS3

Pelbagai komponen

Dokumentasi tambahan untuk komponen telaga dan ikon tutup (digunakan dalam modal dan amaran)

Angkat kepala! Kami menulis semula hampir semua perkara untuk pemalam kami, jadi pergi ke halaman Javascript untuk mengetahui lebih lanjut.

Popovers

Elemen kanak-kanak kini diberi ruang nama dengan betul: .titlekepada .popover-title, .innerkepada .popover-inner, dan .contentkepada .popover-content.