Bootstrap 支持多種瀏覽器和設(shè)備，包括最新的 Chrome、Firefox、Safari、Microsoft Edge 等主流瀏覽器，以及一些較舊的瀏覽器如 Internet Explorer。同時(shí)，Bootstrap 也兼容各種設(shè)備，如桌面電腦、平板電腦和手機(jī)等。

一、支持的瀏覽器

Bootstrap 支持所有主流瀏覽器和平臺的 最新、穩(wěn)定版本。在 Windows 上支持 Internet Explorer 10-11 / Microsoft Edge 瀏覽器。

對于其它使用了最新版本的 WebKit、Blink 或 Gecko 內(nèi)核的瀏覽器，或者直接或間接調(diào)用了平臺的 web view API，都不是明確被支持的。但是，Bootstrap 應(yīng)該（大多數(shù)情況下）在這些瀏覽器中是能夠正常顯示和運(yùn)行的。下面列出了更具體地支持情況。

可以在 .browserslistrc 文件 中找到 Bootstrap 所支持地瀏覽器及版本列表：

# https://github.com/browserslist/browserslist#readme

>= 1%
last 1 major version
not dead
Chrome >= 45
Firefox >= 38
Edge >= 12
Explorer >= 10
iOS >= 9
Safari >= 9
Android >= 4.4
Opera >= 30

二、移動設(shè)備

一般來說，Bootstrap 支持每個主要平臺上的默認(rèn)瀏覽器的最新版本。但是基于代理（proxy）模式的瀏覽器（例如 Opera Mini、Opera Mobile’s Turbo mode、UC Browser Mini、Amazon Silk，這些瀏覽器自身并不具備完整的頁面渲染能力）是不被支持的。

三、桌面瀏覽器

Bootstrap 支持大多數(shù)桌面瀏覽器，具體如下表：

對于 Firefox 瀏覽器，除了最新的常規(guī)穩(wěn)定版本外，還支持最新的 Extended Support Release (ESR) 版本。

雖然 Bootstrap 在 Chromium、Linux 版 Chrome、Linux 版 Firefox 以及 Internet Explorer 9 上也表現(xiàn)地很不錯，但這些瀏覽器或版本是不被 Bootstrap 官方支持的。

四、IE 瀏覽器

Bootstrap 支持 Internet Explorer 10 及更新版本，但不支持 IE9 及更低版本。

某些 CSS3 屬性和 HTML5 元素在 IE10 中沒有完整的實(shí)現(xiàn)，或者要使用某些帶前綴的屬性才能具有全部功能。如果需要支持 IE8-9，建議使用 Bootstrap v3 版本。

五、移動設(shè)備

1、溢出和滾動

在 iOS 和 Android 中，對模態(tài)元素的滾動支持有限。為了解決這個問題，您可以使用 CSS 的 overflow: hidden; 屬性來隱藏滾動條，并使用 JavaScript 來監(jiān)聽滾動事件，以便在滾動到模態(tài)頂部或底部時(shí)執(zhí)行相應(yīng)的操作。

2、iOS 文本字段和滾動

從 iOS 9.2 開始，當(dāng)模式處于打開狀態(tài)時(shí)，如果滾動手勢的初始觸摸在文本或 的邊界內(nèi)，則將滾動模式下方的內(nèi)容，而不是模式本身。

3、導(dǎo)航欄下拉列表

由于 z 索引的復(fù)雜性，該元素不會在 iOS 的導(dǎo)航中使用。因此，要關(guān)閉導(dǎo)航欄中的下拉列表，必須直接單擊下拉列表元素（或任何其他將在 iOS 中觸發(fā)單擊事件的元素）。

六、瀏覽器縮放

頁面縮放在某些組件中確實(shí)可能導(dǎo)致渲染偽影，無論是在 Bootstrap 還是 Web 的其他部分。雖然我們可以嘗試修復(fù)這些問題（例如搜索并打開相關(guān)的問題），但出于性能和實(shí)用性的考慮，我們更傾向于忽略這些偽影。然而，除了黑客的解決方案之外，它們通常沒有直接的解決方案。

七、移動設(shè)備粘性

即使在大多數(shù)觸摸屏上，真正的懸停不可能實(shí)現(xiàn)，大多數(shù)移動瀏覽器模仿?？h并使得:hover“有粘性”。換句話說，在觸擊一個元素之后，:hover樣式樣式開始應(yīng)用，在用戶觸擊另一個元素之后停止應(yīng)用。在移動優(yōu)先的網(wǎng)站上，這種表現(xiàn)通常是不可取的。

Bootstrap包含了針對它的一個變通，雖然它默認(rèn)是不可用的。從Sass編譯時(shí)只要把$use-hover-media-query設(shè)置為true，為了瀏覽器中禁用用以模擬懸停的:hover樣式，Bootstrap將使用mq4-hover-shim，它能防止粘性的:hover樣式。

八、印刷

從 Safari v8.0 開始，使用固定寬度類可能會導(dǎo)致 Safari 在打印時(shí)使用異常小的字體大小。以下方法可能會解決這個問題：

@media print {
.container {
width: auto;
}
}

九、安卓內(nèi)置瀏覽器

除了盒子，Android 4.1（以及更新的版本）使用Browser應(yīng)用作為默認(rèn)瀏覽器（而不是用Chrome）。很不幸的是，該Browser應(yīng)用有很多的bug以及CSS不一致。

選項(xiàng)菜單：

在<select>元素中，如果不應(yīng)用border-radius以及border，安卓內(nèi)置瀏覽器不會顯示邊緣控件。使用下面的代碼片段可以在安卓內(nèi)置瀏覽器中移除這個CSS沖突，并把該<select>渲染成未樣式化的元素。該用戶代理嗅覺探避免了與干擾Chrome、Safari 和 Mozilla 瀏覽器。

<script>
$(function () {
var nua = navigator.userAgent
var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
if (isAndroid) {
$('select.form-control').removeClass('form-control').css('width', '100%')
}
})
</script>

十、驗(yàn)證者

為了在老版本的瀏覽器上提供盡可能良好的體驗(yàn)，Bootstrap在多個地方使用了CSS瀏覽器hacks。這些hacks針對特定的瀏覽器版本，旨在克服瀏覽器本身存在的bug。然而，這些hacks自然會導(dǎo)致CSS驗(yàn)證器產(chǎn)生不可用的警告。此外，在一些地方，Bootstrap也使用了尚未完全標(biāo)準(zhǔn)化的前沿CSS特征，但純粹是為了實(shí)現(xiàn)漸進(jìn)增強(qiáng)。

在實(shí)踐中，這些驗(yàn)證器的警告并沒有造成實(shí)質(zhì)上的問題。因?yàn)槲覀兊腃SS的非hacky部分已經(jīng)充分驗(yàn)證，而且使用到的hacky部分也不會影響非hacky部分的正常功能。因此，這就是我們故意忽視特定的警告的原因。