Ngaronjatkeun ka Bootstrap 2

Diajar ngeunaan parobahan signifikan sarta tambahan saprak v1.4 kalawan pituduh gunana ieu.

Docs: apdet utama sakuliah dewan pikeun struktur umum, conto, jeung snippét kode. Ogé dijieun responsif jeung queries média anyar.
Dokumén: sadaya halaman dokumén ayeuna didamel ku témplat Kumis sareng senar dibungkus ku tag i18n pikeun ditarjamahkeun ku Pusat Tarjamahan Twitter. Sadaya parobihan kana dokuméntasi kedah dilakukeun di dieu teras disusun (sarupa sareng CSS sareng KURANG).
Struktur diréktori Repo: ngaleungitkeun CSS anu disusun tina akar pikeun ngadukung tautan unduh langsung anu ageung dina halaman wéb docs. CSS disusun aya dina /docs/assets/css/.
Dokumén sareng repo: hiji makefile, ketik makedina Terminal sareng kéngingkeun dokumén sareng CSS anu diropéa.

Sistim grid

Sistem grid anu diropéa, ayeuna ngan ukur 12 kolom tibatan 16
Pendekatan responsif hartosna proyék anjeun ampir jalan kaluar tina kotak dina smartphone, tablet, sareng seueur deui
Dipiceun henteu kapake (sacara standar) rojongan kolom grid pikeun 17-24 kolom

Responsif (pananyaan média)

Patarosan média ditambahkeun pikeun rojongan dasar sakuliah alat mobile sarta tablet
CSS responsif disusun misah, sakumaha bootstrap-responsive.css

Tipografi

h4elemen anu turun tina 16px ka 14px kalawan standar line-height18px
h5elemen anu turun tina 14px ka 12px
h6elemen anu turun tina 13px ka 11px
pilihan katuhu-Blok pikeun blockquotes lamunfloat: right;

Kodeu

gaya grafis anyar pikeun<code>
Gaya Google Code Prettify diropéa (dumasar kana inti GitHub)

tabél

Ningkat rojongan pikeun colspannarowspan
Gaya ayeuna diwatesan pikeun kelas dasar anyar,.table
Kelas tabel distandarisasi sareng .table-diperyogikeun salaku awalan
Ngahapus pilihan warna tabel anu henteu kapake (teuing kode pikeun dampak anu sakedik)
Turunkeun dukungan pikeun TableSorter

Kancing

Kelas anyar pikeun warna sareng ukuran, sadayana diawalan sareng.btn-
IE9: gradients dihapus sarta ditambahkeun sudut rounded
Diropéa kaayaan aktip pikeun nyieun styling jelas dina grup tombol (anyar) jeung kasampak hadé kalawan transisi custom
mixin anyar, .buttonBackground, Pikeun set gradients tombol

Bentuk

Gaya formulir standar ayeuna nangtung (tumpuk) pikeun nganggo kirang CSS sareng nambihan kalenturan anu langkung ageung
Bentuk kelas distandarisasi sareng .form-diperyogikeun salaku awalan
Formulir diwangun-di anyar standar pikeun milarian, inline, sareng bentuk horisontal
markup formulir horizontal leuwih fleksibel jeung kelas pikeun sakabéh styling, kaasup kelas pilihan anyar pikeunlabel
Formulir nagara: warna diropéa sarta customizable via variabel KURANG anyar

Ikon, ku Glyphicons

Set ikon Glyphicons Halflings anyar ditambah dina bentuk sprite, hideung sareng bodas
Markup basajan diperlukeun pikeun ikon dina ton konteks:<i class="icon-cog"></>
Tambahkeun kelas sejen, .icon-white, Pikeun variasi bodas tina ikon sarua

Grup tombol jeung dropdowns

Dua komponén anyar dina 2.0: grup tombol sareng dropdown tombol
Depéndensi: tombol dropdowns diwangun dina grup tombol, sarta ku kituna merlukeun sagala gaya maranéhanana
Grup tombol, .btn-group, bisa dikelompokkeun satingkat leuwih luhur ku toolbar tombol,.btn-toolbar

Napigasi

Tab jeung Pél kiwari merlukeun pamakéan kelas basa anyar,, .navon maranéhna<ul>
Variasi daptar nav anyar ditambahkeun anu ngagunakeun kelas dasar anu sarua,.nav
Tab nangtung sareng pil parantos ditambihan-ngan tambahkeun .nav-stackedkana<ul>
Pél anu restyled janten kirang rounded sacara standar
Pil ayeuna gaduh dukungan menu dropdown (aranjeunna ngabagi markup sareng gaya anu sami sareng tab)

Navbar (baheulana topbar)

Kelas dasar robah tina .topbarka.navbar
Ayeuna ngadukung posisi statik (kalakuan standar, henteu tetep) sareng tetep ka luhur viewport via .navbar-fixed-top(saméméhna ukur dirojong tetep)
Ditambahkeun dividers nangtung pikeun nav tingkat luhur
Ningkatkeun pangrojong pikeun bentuk inline dina navbar, anu ayeuna peryogi .navbar-formwengkuan gaya pikeun ngan ukur bentuk anu dimaksud.
formulir pilarian Navbar ayeuna merlukeun pamakéan .navbar-searchkelas jeung input na pamakéan .search-query. Pikeun posisi formulir pilarian, Anjeun kudu make .pull-leftatawa .pull-right.
Nambahkeun markup responsif opsional pikeun ngaragragkeun eusi navbar pikeun résolusi sareng alat anu langkung alit. Tempo docs navbar pikeun kumaha carana ngamangpaatkeun.

ménu dropdown

Diropéa .dropdown-menupikeun tighten up spasi
Ayeuna merlukeun anjeun tambahkeun a <span class="caret"></span>pikeun nembongkeun panah turun
Navbar (topbar tetep) ngagaduhan dropdown énggal. Henteu aya versi anu poék sareng dina tempatna aya anu bodas standar kalayan karét tambahan di puncakna pikeun kajelasan posisi.

Labels

Warna labél diropéa pikeun cocog warna kaayaan formulir
Henteu ngan ukur cocog sacara grafis, tapi aranjeunna didamel ku variabel énggal anu sami

Gambar leutik

Baheula .media-grid, ayeuna kakara .thumbnails, urang geus tuntas ngalegaan komponén ieu pikeun pamakéan leuwih bari ngajaga sakabéh kesederhanaan out of the box.
Gambar leutik individu ayeuna merlukeun .thumbnailkelas

Siaga

kelas dasar anyar: .alerttibatan.alert-message
Ngaran kelas standarisasi pikeun pilihan séjén, ayeuna sadayana dimimitian ku.alert-
Gaya béja dasar anu didesain ulang pikeun ngagabungkeun béwara deafult sareng béwara tingkat blok janten hiji
Kelas ngageter tingkat blok robah: .alert-blocktibatan.block-message

Bar kamajuan

Anyar dina 2.0
Nampilkeun sababaraha gaya via kelas, kalebet variasi belang sareng animasi via CSS3

Rupa-rupa komponén

Ditambahkeun dokuméntasi pikeun komponén sumur sareng ikon caket (dipaké dina modal sareng panggeuing)

Mastaka tegak! Kami ditulis ulang ngeunaan sadayana pikeun plugins kami, teras angkat ka halaman Javascript pikeun diajar langkung seueur.

Popovers

Elemen anak ayeuna leres namina spasi: .titleka .popover-title, .innerka .popover-inner, jeung .contentka .popover-content.