BootstrapVue
使用 Vue.js 和世界上最流行的前端 CSS 庫 — Bootstrap V4 在 Web 上構(gòu)建響應(yīng)式,移動(dòng)優(yōu)先項(xiàng)目。
授權(quán)協(xié)議:MIT(推薦學(xué)習(xí):Bootstrap視頻教程)
開發(fā)語言:Java
Bootstrap-Vue 為 Vue.js 2.4+ 提供了 Bootstrap V4 組件和最全面的網(wǎng)格系統(tǒng)的實(shí)現(xiàn),它具有廣泛的自動(dòng)化 WAI-ARIA 輔助功能標(biāo)記。
Vue.js v2.6是必需的,v2.6.10建議
引導(dǎo) v4.3是必需的,v4.3.1建議
重要的HTML全局變量
Bootstrap v4.3 CSS使用了一些重要的全局樣式和設(shè)置,使用它們時(shí)需要注意,所有這些樣式和設(shè)置幾乎都專門針對跨瀏覽器樣式的規(guī)范化。
響應(yīng)元標(biāo)記
bootstrap v4.3是為mobile first開發(fā)的,在這個(gè)策略中,代碼首先針對移動(dòng)設(shè)備進(jìn)行優(yōu)化,然后根據(jù)需要使用css媒體查詢來擴(kuò)展組件。要確保所有設(shè)備的正確渲染和觸摸縮放,請將響應(yīng)的viewport meta標(biāo)記添加到您的<head>中。
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
CSS框大小調(diào)整
對于CSS中更簡單的大小調(diào)整,全局框大小調(diào)整值從內(nèi)容框切換到邊框框。這可以確保填充不會影響元素的最終計(jì)算寬度,但它可能會導(dǎo)致某些第三方軟件(如谷歌地圖和谷歌自定義搜索引擎)出現(xiàn)問題。
在極少數(shù)情況下,您需要覆蓋它,請使用如下內(nèi)容:
.selector-for-some-widget { box-sizing: content-box; }
更多Bootstrap相關(guān)技術(shù)文章,請?jiān)L問Bootstrap教程欄目進(jìn)行學(xué)習(xí)!