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