亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

directory search
Getting started Accessibility(無障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動視窗) Components: Navbar Navbar(導航欄) Components: Navs Navs(導航欄) Components: Pagination Pagination(分頁) Components: Popovers Popovers(彈出框) Components: Progress Progress(進度條) Components: Scrollspy Scrollspy(滾動監(jiān)聽) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對象) Utilities for layout(排版通用類別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動) Close icon(關(guān)閉圖標) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對齊) Visibility(能見度)
characters

了解從現(xiàn)代到舊的瀏覽器和設(shè)備,這些瀏覽器和設(shè)備都是由Bootstrap支持的,包括每個瀏覽器和設(shè)備的已知怪癖和bug。

受支持的瀏覽器

引導程序支持最新穩(wěn)定版本所有主要的瀏覽器和平臺。在Windows上,我們支持InternetExplorer 10-11/MicrosoftEdge...

使用WebKit、Blink或Gecko的最新版本的替代瀏覽器,無論是直接使用還是通過平臺的Web視圖API,都不被明確支持。但是,在大多數(shù)情況下,引導應(yīng)該在%29中顯示并在這些瀏覽器中正確工作。下文提供了更具體的支助信息。

移動設(shè)備

一般來說,Bootstrap支持每個主要平臺默認瀏覽器的最新版本。請注意,不支持代理瀏覽器(如Opera Mini,Opera Mobile的Turbo模式,UC Browser Mini,Amazon Silk)。



Chrome

Firefox

Safari

Android Browser & WebView

Microsoft Edge

Android

Supported

Supported

N/A

Android v5.0+ supported

N/A

iOS

Supported

Supported

Supported

N/A

N/A

Windows 10 Mobile

N/A

N/A

N/A

N/A

Supported


桌面瀏覽器

同樣,支持大多數(shù)桌面瀏覽器的最新版本。


Chrome

Firefox

Internet Explorer

Microsoft Edge

Opera

Safari

Mac

Supported

Supported

N/A

N/A

Supported

Supported

Windows

Supported

Supported

Supported, IE10+

Supported

Supported

Not supported

對于Firefox,除了最新的正常穩(wěn)定版本之外,我們還支持最新版本擴展支持版本%28 ESR%29火狐的版本。

非正式地說,Bootstrap應(yīng)該在Chromium和Chrome(Linux)、Firefox(Linux)和InternetExplorer 9(InternetExplorer 9)中看起來和表現(xiàn)得足夠好,盡管它們沒有得到官方的支持。

有關(guān)引導程序必須解決的一些瀏覽器錯誤的列表,請參閱我們的瀏覽器缺陷墻...

Internet資源管理器

支持InternetExplorer 10+;IE9和down則不支持。請注意,某些CSS 3屬性和HTML 5元素在IE10中不完全支持,或者需要前綴屬性才能實現(xiàn)全部功能。參觀我能用…有關(guān)CSS 3和HTML 5功能的瀏覽器支持的詳細信息。

如果您需要IE8-9支持,請使用Bootstrap 3。它是我們代碼最穩(wěn)定的版本,我們的團隊仍然支持它進行重要的錯誤修復和文檔更改。然而,沒有新的功能將被添加到它。

移動平臺上的MODERS和DULT

溢出和滾動

在iOS和Android overflow: hidden;上對<body>元素的支持相當有限。為此,當您在任一設(shè)備的瀏覽器<body>中滾動瀏覽模式的頂部或底部時,內(nèi)容將開始滾動。請參閱Chrome bug#175502(在Chrome v40中修復)和WebKit錯誤#153852。

IOS文本字段和滾動

在IOS 9.2中,如果滾動手勢的初始觸摸在文本的邊界內(nèi),則模式是打開的。<input>或者是<textarea>,<body>模式下的內(nèi)容將被滾動,而不是模式本身。見WebKit bug#153856...

Navbar下降

.dropdown-backdrop由于z索引的復雜性,該元素不會在導航中的iOS上使用。因此,要關(guān)閉導航欄中的下拉菜單,您必須直接點擊下拉元素(或任何其他會在iOS中觸發(fā)點擊事件的元素)。

瀏覽器縮放

頁面縮放不可避免地會在Bootstrap和其他網(wǎng)頁中的某些組件中呈現(xiàn)呈現(xiàn)工件。根據(jù)問題,我們可能會解決它(首先搜索,然后根據(jù)需要打開問題)。但是,我們往往忽略這些,因為除了哈克式的解決方法之外,他們通常沒有直接的解決方案。

粘:hover/:focus移動

即使在大多數(shù)觸摸屏上都不可能真正的懸停,但大多數(shù)移動瀏覽器都會模仿懸停支持并使:hover“粘”。換句話說,:hover樣式在點擊元素之后開始應(yīng)用,只有在用戶點擊其他元素之后才停止應(yīng)用。在移動第一站點上,這種行為通常是不可取的。

雖然在默認情況下禁用了引導程序,但它包含了解決此問題的方法。通過設(shè)置$enable-hover-media-query到true從Sass編譯時,Bootstrap將使用mq4-懸停禁用:hover在模擬懸停的瀏覽器中的樣式,從而防止粘性。:hover風格。對于這個解決方法有一些警告;有關(guān)詳細信息,請參閱Shim的文檔。

印刷

即使在一些現(xiàn)代瀏覽器中,打印也可能很奇怪。

從Safari v8.0開始,使用固定寬度.container類會導致Safari在打印時使用異常小的字體大小。見第14868期和WebKit bug#138192更多細節(jié)。一個潛在的解決辦法是以下CSS:

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

Android股票瀏覽器

開箱即用,Android 4.1(甚至一些更新的版本顯然)隨瀏覽器應(yīng)用程序一起發(fā)布,作為首選的默認瀏覽器(與Chrome相對)。不幸的是,瀏覽器應(yīng)用程序通常存在很多錯誤和不一致的CSS。

選擇菜單

在<select>元素上,如果存在border-radius和/或border應(yīng)用,Android股票瀏覽器將不顯示側(cè)面控件。(有關(guān)詳細信息,請參閱此StackOverflow問題。)使用下面的代碼片段刪除違規(guī)的CSS,并<select>在Android股票瀏覽器中將其呈現(xiàn)為無風格元素。用戶代理嗅探避免了對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>

想看個例子嗎?看看這個JSBin演示。

驗證器

為了向舊的和錯誤的瀏覽器提供最好的體驗,Bootstrap使用CSS瀏覽器黑客在幾個地方,針對特定瀏覽器版本的特定CSS,以解決瀏覽器本身的bug??梢岳斫?,這些黑客會導致CSS驗證程序抱怨它們無效。在一些地方,我們還使用了一些還沒有完全標準化的尖端css特性,但這些特性純粹用于漸進增強。

這些驗證警告在實踐中并不重要,因為css中的非惡意部分確實完全有效,而hacky部分不會干擾非惡意部分的正常運行,因此我們?yōu)槭裁垂室夂雎赃@些特定的警告。

我們的HTML文檔同樣具有一些微不足道的和無關(guān)緊要的HTML驗證警告,因為我們在Firefox中包含了一個解決方法。


Previous article: Next article: