时间戳

首页 > 解决方案 > mdb vue 和 bootstrap vue 有什么区别？

c# - mdb vue 和 bootstrap vue 有什么区别？

问题描述

我在带有剃刀的 c#.net mvc 中使用 bootstrap-vue.css 库、vue.js、bootstrap-vue.js、bootstrap.css 和 bootstrap.js。我可以使用什么 vue 库而不会产生任何冲突？不需要jquery。

我目前正在使用

<div>
 <b-navbar toggleable="lg" type="dark" variant="info">
  </b-navbar>
</div>

代替

<mdb-navbar color="indigo" dark>

</mdb-navbar>

标签： c#vue.jsmodel-view-controllerrazor

解决方案

Bootstrap是一个“CSS 框架”

Bootstrap 使前端 Web 开发更快更容易。它适用于各种技能水平的人、各种形状的设备和各种规模的项目。Bootstrap 附带 vanilla CSS，但其源代码使用了两个最流行的 CSS 预处理器，Less 和 Sass。使用 Bootstrap，您可以获得关于常见 HTML 元素、数十个自定义 HTML 和 CSS 组件以及很棒的 jQuery 插件的广泛而精美的文档。

Material Design是谷歌开发的一种“设计语言”。

Material Design（代号为 Quantum Paper）1是 Google 于 2014 年开发的一种设计语言。在 Google Now 首次亮相的“卡片”主题的基础上，Material Design 使用了更多基于网格的布局、响应式动画和过渡、填充和深度效果比如光照和阴影。

MDB只是借鉴了 Material Design 的“设计实践”，同时使用了 Bootstrap 的原生组件。

MDBootstrap 代表 bootstrap 的材料设计。或者简单地说，一个受 Material Designs 启发的 bootstrap 版本。MDBootstrap 有数百个漂亮的组件、模板、动画、效果和助手。一切都完全响应，与不同的浏览器兼容，并且易于使用。

综上所述，主要区别在于（MDB）遵循结构化设计模式。谷歌有一套构成材料设计的规范。

推荐阅读