视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
bootstrap能和vue一起用吗
2020-11-27 15:01:38 责编:小采
文档
 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教程栏目进行学习!

下载本文
显示全文
专题