Cara memeriksa versi bootstrap di vscode

Bootstrap (saat ini v3. 4. 1) memiliki beberapa cara mudah untuk memulai dengan cepat, masing-masing menarik tingkat keahlian dan kasus penggunaan yang berbeda. Baca terus untuk melihat apa yang sesuai dengan kebutuhan khusus Anda

CSS, JavaScript, dan font yang dikompilasi dan diperkecil. Tidak ada dokumen atau file sumber asli yang disertakan

Unduh Bootstrap

jsDelivr

Orang-orang di jsDelivr dengan ramah memberikan dukungan CDN untuk CSS dan JavaScript Bootstrap. Cukup gunakan tautan jsDelivr ini

Instal dengan Bower

Anda juga dapat menginstal dan mengelola Less Bootstrap, CSS, JavaScript, dan font menggunakan Bower

bower install bootstrap

Instal dengan npm

Anda juga dapat menginstal Bootstrap menggunakan npm

npm install bootstrap@3

bower install bootstrap

bower install bootstrap

bower install bootstrap

bower install bootstrap

• bower install bootstrap

  _5 - jalur ke file sumber Less utama Bootstrap

• bower install bootstrap

  6 - jalur ke CSS non-minifikasi Bootstrap yang telah dikompilasi sebelumnya menggunakan pengaturan default (tanpa penyesuaian)

Instal dengan Komposer

Anda juga dapat menginstal dan mengelola Less Bootstrap, CSS, JavaScript, dan font menggunakan Composer

composer require twbs/bootstrap

Autoprefixer diperlukan untuk Less/Sass

Bootstrap menggunakan Autoprefixer untuk menangani awalan vendor CSS. Jika Anda mengkompilasi Bootstrap dari sumber Less/Sass dan tidak menggunakan Gruntfile kami, Anda harus mengintegrasikan Autoprefixer sendiri ke dalam proses build Anda. Jika Anda menggunakan Bootstrap yang telah dikompilasi atau menggunakan Gruntfile kami, Anda tidak perlu khawatir tentang hal ini karena Autoprefixer sudah terintegrasi ke dalam Gruntfile kami

Bootstrap dapat diunduh dalam dua bentuk, di mana Anda akan menemukan direktori dan file berikut, secara logis mengelompokkan sumber daya umum dan menyediakan variasi yang dikompilasi dan diperkecil

Bootstrap yang telah dikompilasi

Setelah diunduh, unzip folder terkompresi untuk melihat struktur (kompilasi) Bootstrap. Anda akan melihat sesuatu seperti ini

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Ini adalah bentuk paling dasar dari Bootstrap. file yang telah dikompilasi untuk penggunaan drop-in cepat di hampir semua proyek web. Kami menyediakan CSS dan JS terkompilasi (

bower install bootstrap

bower install bootstrap

bower install bootstrap

Kode sumber bootstrap

Pengunduhan kode sumber Bootstrap mencakup aset CSS, JavaScript, dan font yang telah dikompilasi, bersama dengan sumber Kurang, JavaScript, dan dokumentasi. Lebih khusus lagi, ini termasuk yang berikut dan banyak lagi

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

npm install bootstrap@3

npm install bootstrap@3

npm install bootstrap@3

npm install bootstrap@3

npm install bootstrap@3

npm install bootstrap@3

Bootstrap menggunakan Grunt untuk sistem build-nya, dengan metode yang nyaman untuk bekerja dengan framework. Begitulah cara kami mengkompilasi kode kami, menjalankan pengujian, dan banyak lagi

Menginstal Grunt

Untuk menginstal Grunt, Anda harus mengunduh dan menginstal node terlebih dahulu. js (yang termasuk npm). npm adalah singkatan dari node package modules dan merupakan cara untuk mengelola dependensi pengembangan melalui node. js

1. Instal

   npm install bootstrap@3

   _6 secara global dengan

   npm install bootstrap@3

   7
2. Arahkan ke direktori root

   npm install bootstrap@3

   _8, lalu jalankan

   npm install bootstrap@3

   9. npm akan melihat file

   bower install bootstrap

   _4 dan secara otomatis menginstal dependensi lokal yang diperlukan yang tercantum di sana

Setelah selesai, Anda akan dapat menjalankan berbagai perintah Grunt yang disediakan dari baris perintah

Perintah Grunt yang tersedia

composer require twbs/bootstrap1 (Cukup kompilasi CSS dan JavaScript)

Regenerasi direktori

composer require twbs/bootstrap

composer require twbs/bootstrap_3 (Tonton)

Perhatikan file sumber Lebih Sedikit dan secara otomatis mengkompilasi ulang ke CSS setiap kali Anda menyimpan perubahan

composer require twbs/bootstrap_4 (Jalankan tes)

Jalankan JSHint dan jalankan tes QUnit di browser nyata berkat Karma

composer require twbs/bootstrap5 (Bangun & uji aset dokumen)

Membuat dan menguji CSS, JavaScript, dan aset lain yang digunakan saat menjalankan dokumentasi secara lokal melalui

composer require twbs/bootstrap

composer require twbs/bootstrap_7 (Bangun semuanya dan jalankan tes)

Mengkompilasi dan mengecilkan CSS dan JavaScript, membuat situs web dokumentasi, menjalankan validator HTML5 terhadap dokumen, membuat ulang aset Penyesuai, dan banyak lagi. Membutuhkan Jekyll. Biasanya hanya diperlukan jika Anda meretas Bootstrap itu sendiri

Penyelesaian masalah

Jika Anda mengalami masalah dengan menginstal dependensi atau menjalankan perintah Grunt, pertama-tama hapus direktori

composer require twbs/bootstrap

npm install bootstrap@3

Mulailah dengan template HTML dasar ini, atau modifikasi. Kami harap Anda akan menyesuaikan template dan contoh kami, menyesuaikannya dengan kebutuhan Anda

Salin HTML di bawah ini untuk mulai bekerja dengan dokumen Bootstrap minimal

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

Bangun di atas template dasar di atas dengan banyak komponen Bootstrap. Kami mendorong Anda untuk menyesuaikan dan mengadaptasi Bootstrap agar sesuai dengan kebutuhan proyek individual Anda

Dapatkan kode sumber untuk setiap contoh di bawah ini dengan mengunduh repositori Bootstrap. Contohnya dapat ditemukan di direktori

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Menggunakan kerangka kerja

Templat pemula

Tidak ada apa-apa selain dasar-dasarnya. mengkompilasi CSS dan JavaScript bersama dengan wadah

Tema bootstrap

Muat tema Bootstrap opsional untuk pengalaman yang disempurnakan secara visual

Kisi

Beberapa contoh tata letak kisi dengan keempat tingkatan, bersarang, dan lainnya

Jumbotron

Bangun di sekitar jumbotron dengan navbar dan beberapa kolom kisi dasar

Jumbotron sempit

Bangun lebih banyak halaman khusus dengan mempersempit penampung dan jumbotron default

Bilah navigasi

Template super dasar yang mencakup navbar bersama dengan beberapa konten tambahan

Navbar atas statis

Template super dasar dengan navbar atas statis bersama dengan beberapa konten tambahan

bilah navigasi tetap

Template super dasar dengan navbar atas tetap bersama dengan beberapa konten tambahan

Komponen kustom

Menutupi

Templat satu halaman untuk membangun halaman beranda yang sederhana dan indah

Korsel

Sesuaikan navbar dan carousel, lalu tambahkan beberapa komponen baru

Blog

Tata letak blog dua kolom sederhana dengan navigasi, tajuk, dan jenis khusus

Dasbor

Struktur dasar untuk dasbor admin dengan sidebar dan navbar tetap

halaman masuk

Tata letak dan desain formulir kustom untuk formulir masuk sederhana

Footer lengket

Lampirkan footer ke bagian bawah viewport saat konten lebih pendek dari itu

Footer lengket dengan navbar

Lampirkan footer ke bagian bawah viewport dengan navbar tetap di bagian atas

Eksperimen

Bootstrap tidak responsif

Nonaktifkan responsivitas Bootstrap dengan mudah

Di luar kanvas

Bangun menu navigasi di luar kanvas yang dapat dialihkan untuk digunakan dengan Bootstrap

Bootlint adalah alat linter HTML Bootstrap resmi. Ini secara otomatis memeriksa beberapa kesalahan HTML umum di halaman web yang menggunakan Bootstrap dengan cara yang cukup "vanila". Komponen/widget Vanilla Bootstrap memerlukan bagian DOM mereka agar sesuai dengan struktur tertentu. Bootlint memeriksa apakah instance komponen Bootstrap memiliki struktur HTML yang benar. Pertimbangkan untuk menambahkan Bootlint ke rantai alat pengembangan web Bootstrap Anda sehingga tidak ada kesalahan umum yang memperlambat pengembangan proyek Anda

Ikuti terus perkembangan Bootstrap dan jangkau komunitas dengan sumber daya bermanfaat ini

Anda juga dapat mengikuti @getbootstrap di Twitter untuk gosip terbaru dan video musik keren

Bootstrap secara otomatis menyesuaikan halaman Anda untuk berbagai ukuran layar. Berikut cara menonaktifkan fitur ini agar halaman Anda berfungsi seperti contoh non-responsif ini

Langkah-langkah untuk menonaktifkan respons halaman

1. Abaikan area pandang

   bootstrap/
   ├── css/
   │   ├── bootstrap.css
   │   ├── bootstrap.css.map
   │   ├── bootstrap.min.css
   │   ├── bootstrap.min.css.map
   │   ├── bootstrap-theme.css
   │   ├── bootstrap-theme.css.map
   │   ├── bootstrap-theme.min.css
   │   └── bootstrap-theme.min.css.map
   ├── js/
   │   ├── bootstrap.js
   │   └── bootstrap.min.js
   └── fonts/
       ├── glyphicons-halflings-regular.eot
       ├── glyphicons-halflings-regular.svg
       ├── glyphicons-halflings-regular.ttf
       ├── glyphicons-halflings-regular.woff
       └── glyphicons-halflings-regular.woff2

   _1 yang disebutkan di
2. Ganti

   bootstrap/
   ├── css/
   │   ├── bootstrap.css
   │   ├── bootstrap.css.map
   │   ├── bootstrap.min.css
   │   ├── bootstrap.min.css.map
   │   ├── bootstrap-theme.css
   │   ├── bootstrap-theme.css.map
   │   ├── bootstrap-theme.min.css
   │   └── bootstrap-theme.min.css.map
   ├── js/
   │   ├── bootstrap.js
   │   └── bootstrap.min.js
   └── fonts/
       ├── glyphicons-halflings-regular.eot
       ├── glyphicons-halflings-regular.svg
       ├── glyphicons-halflings-regular.ttf
       ├── glyphicons-halflings-regular.woff
       └── glyphicons-halflings-regular.woff2

   _2 pada

   bootstrap/
   ├── css/
   │   ├── bootstrap.css
   │   ├── bootstrap.css.map
   │   ├── bootstrap.min.css
   │   ├── bootstrap.min.css.map
   │   ├── bootstrap-theme.css
   │   ├── bootstrap-theme.css.map
   │   ├── bootstrap-theme.min.css
   │   └── bootstrap-theme.min.css.map
   ├── js/
   │   ├── bootstrap.js
   │   └── bootstrap.min.js
   └── fonts/
       ├── glyphicons-halflings-regular.eot
       ├── glyphicons-halflings-regular.svg
       ├── glyphicons-halflings-regular.ttf
       ├── glyphicons-halflings-regular.woff
       └── glyphicons-halflings-regular.woff2

   3 untuk setiap tingkat kisi dengan lebar tunggal, misalnya

   bootstrap/
   ├── css/
   │   ├── bootstrap.css
   │   ├── bootstrap.css.map
   │   ├── bootstrap.min.css
   │   ├── bootstrap.min.css.map
   │   ├── bootstrap-theme.css
   │   ├── bootstrap-theme.css.map
   │   ├── bootstrap-theme.min.css
   │   └── bootstrap-theme.min.css.map
   ├── js/
   │   ├── bootstrap.js
   │   └── bootstrap.min.js
   └── fonts/
       ├── glyphicons-halflings-regular.eot
       ├── glyphicons-halflings-regular.svg
       ├── glyphicons-halflings-regular.ttf
       ├── glyphicons-halflings-regular.woff
       └── glyphicons-halflings-regular.woff2

   4 Pastikan ini muncul setelah CSS Bootstrap default. Secara opsional, Anda dapat menghindari

   bootstrap/
   ├── css/
   │   ├── bootstrap.css
   │   ├── bootstrap.css.map
   │   ├── bootstrap.min.css
   │   ├── bootstrap.min.css.map
   │   ├── bootstrap-theme.css
   │   ├── bootstrap-theme.css.map
   │   ├── bootstrap-theme.min.css
   │   └── bootstrap-theme.min.css.map
   ├── js/
   │   ├── bootstrap.js
   │   └── bootstrap.min.js
   └── fonts/
       ├── glyphicons-halflings-regular.eot
       ├── glyphicons-halflings-regular.svg
       ├── glyphicons-halflings-regular.ttf
       ├── glyphicons-halflings-regular.woff
       └── glyphicons-halflings-regular.woff2

   _5 dengan kueri media atau pemilih-fu
3. Jika menggunakan navbar, hapus semua navbar yang menciutkan dan memperluas perilaku
4. Untuk tata letak kisi, gunakan kelas

   bootstrap/
   ├── css/
   │   ├── bootstrap.css
   │   ├── bootstrap.css.map
   │   ├── bootstrap.min.css
   │   ├── bootstrap.min.css.map
   │   ├── bootstrap-theme.css
   │   ├── bootstrap-theme.css.map
   │   ├── bootstrap-theme.min.css
   │   └── bootstrap-theme.min.css.map
   ├── js/
   │   ├── bootstrap.js
   │   └── bootstrap.min.js
   └── fonts/
       ├── glyphicons-halflings-regular.eot
       ├── glyphicons-halflings-regular.svg
       ├── glyphicons-halflings-regular.ttf
       ├── glyphicons-halflings-regular.woff
       └── glyphicons-halflings-regular.woff2

   _6 sebagai tambahan, atau sebagai pengganti, kelas sedang/besar. Jangan khawatir, jaringan perangkat ekstra kecil dapat menyesuaikan ke semua resolusi

Anda masih memerlukan Respond. js untuk IE8 (karena pertanyaan media kami masih ada dan perlu diproses). Ini menonaktifkan aspek "situs seluler" dari Bootstrap

Templat bootstrap dengan daya tanggap dinonaktifkan

Kami telah menerapkan langkah-langkah ini ke sebuah contoh. Baca kode sumbernya untuk melihat perubahan spesifik yang diterapkan

Lihat contoh non-responsif

Bootstrap dibangun untuk bekerja paling baik di browser desktop dan seluler terbaru, yang berarti browser lama mungkin menampilkan gaya yang berbeda, meskipun berfungsi penuh, rendering komponen tertentu

Browser yang didukung

Secara khusus, kami mendukung versi terbaru dari browser dan platform berikut

Browser alternatif yang menggunakan WebKit, Blink, atau Gecko versi terbaru, baik secara langsung atau melalui API tampilan web platform, tidak didukung secara eksplisit. Namun, Bootstrap harus (dalam banyak kasus) ditampilkan dan berfungsi dengan benar di browser ini juga. Informasi dukungan yang lebih spesifik disediakan di bawah ini

Perangkat seluler

Secara umum, Bootstrap mendukung versi terbaru dari setiap browser default platform utama. Perhatikan bahwa browser proxy (seperti Opera Mini, mode Turbo Opera Mobile, UC Browser Mini, Amazon Silk) tidak didukung

ChromeFirefoxSafariAndroidSupportedSupportedN/AiOSSupportedSupportedSupported

Browser desktop

Demikian pula, versi terbaru dari sebagian besar browser desktop didukung

ChromeFirefoxInternet ExplorerOperaSafariMacSupportedSupportedN/ASupportedSupportedWindowsSupportedSupportedSupportedSupportedNot supported

Di Windows, kami mendukung Internet Explorer 8-11

Untuk Firefox, selain rilis stabil normal terbaru, kami juga mendukung Firefox versi Extended Support Release (ESR) terbaru

Secara tidak resmi, Bootstrap akan terlihat dan berperilaku cukup baik di Chromium dan Chrome untuk Linux, Firefox untuk Linux, dan Internet Explorer 7, serta Microsoft Edge, meskipun tidak didukung secara resmi

Untuk daftar beberapa bug peramban yang harus dihadapi Bootstrap, lihat Dinding bug peramban kami

Internet Explorer 8 dan 9

Internet Explorer 8 dan 9 juga didukung, namun perlu diketahui bahwa beberapa properti CSS3 dan elemen HTML5 tidak sepenuhnya didukung oleh browser ini. Selain itu, Internet Explorer 8 membutuhkan penggunaan Respond. js untuk mengaktifkan dukungan kueri media

FiturInternet Explorer 8Internet Explorer 9

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

Kunjungi Dapatkah saya menggunakan. untuk detail tentang dukungan browser terhadap fitur CSS3 dan HTML5

Internet Explorer 8 dan Menanggapi. js

Waspadai peringatan berikut saat menggunakan Respond. js di lingkungan pengembangan dan produksi Anda untuk Internet Explorer 8

Menanggapi. js dan CSS lintas domain

Menggunakan Menanggapi. js dengan CSS yang dihosting di (sub)domain berbeda (misalnya, di CDN) memerlukan beberapa penyiapan tambahan. untuk rincian

Menanggapi. js dan bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/_3

Karena aturan keamanan browser, Respond. js tidak berfungsi dengan halaman yang dilihat melalui protokol

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

Menanggapi. js dan bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/_5

Menanggapi. js tidak berfungsi dengan CSS yang direferensikan melalui

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

Internet Explorer 8 dan ukuran kotak

IE8 tidak sepenuhnya mendukung

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Internet Explorer 8 dan @font-face

IE8 memiliki beberapa masalah dengan

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

Mode Kompatibilitas IE

Bootstrap tidak didukung dalam mode kompatibilitas Internet Explorer lama. Untuk memastikan Anda menggunakan mode rendering terbaru untuk IE, pertimbangkan untuk menyertakan tag

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Konfirmasikan mode dokumen dengan membuka alat debugging. tekan F12 dan centang "Document Mode"

Tag ini disertakan dalam semua dokumentasi dan contoh Bootstrap untuk memastikan rendering terbaik di setiap versi Internet Explorer yang didukung

Lihat pertanyaan StackOverflow ini untuk informasi lebih lanjut

Internet Explorer 10 di Windows 8 dan Windows Phone 8

Internet Explorer 10 tidak membedakan lebar perangkat dari lebar viewport, dan karenanya tidak menerapkan kueri media dengan benar di CSS Bootstrap. Biasanya Anda hanya menambahkan potongan cepat CSS untuk memperbaikinya

@-ms-viewport       { width: device-width; }

Namun, ini tidak berfungsi untuk perangkat yang menjalankan versi Windows Phone 8 yang lebih lama dari Pembaruan 3 (a. k. a. GDR3), karena menyebabkan perangkat tersebut menampilkan sebagian besar tampilan desktop, bukan tampilan "telepon" yang sempit. Untuk mengatasinya, Anda harus menyertakan CSS dan JavaScript berikut untuk mengatasi bug

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

bower install bootstrap

Untuk informasi selengkapnya dan panduan penggunaan, baca Windows Phone 8 dan Device-Width

Sebagai peringatan, kami menyertakan ini di semua dokumentasi dan contoh Bootstrap sebagai demonstrasi

Pembulatan persen Safari

Mesin rendering versi Safari sebelum v7. 1 untuk OS X dan Safari untuk iOS v8. 0 mengalami masalah dengan jumlah tempat desimal yang digunakan di kelas kisi

  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    Hello, world!

    
    
    
    
  

• Tambahkan

  
  
    
      
      
      
      
      Bootstrap 101 Template
  
      
      
  
      
      
      
    
    
      Hello, world!
  
      
      
      
      
    
  

  _9 ke kolom kisi terakhir Anda untuk mendapatkan perataan kanan-keras
• Sesuaikan persentase Anda secara manual untuk mendapatkan pembulatan sempurna untuk Safari (lebih sulit daripada opsi pertama)

Modals, navbars, dan keyboard virtual

Meluap dan bergulir

Dukungan untuk

Bidang teks dan pengguliran iOS

Mulai dari iOS 9. 3, saat modal terbuka, jika sentuhan awal gerakan gulir berada dalam batas teks

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

Bagaimana saya tahu jika Bootstrap diinstal?

Bootstrap versi berapa?

Bagaimana cara memeriksa versi Bootstrap menggunakan CMD?

Bagaimana cara memeriksa apakah Bootstrap diinstal Angular?