Angular Bootstrap与Angular Material Design for Migration之间的组件和类的比较

时间:2017-01-11 15:01:47

标签: angularjs twitter-bootstrap twitter-bootstrap-3 angular-ui-bootstrap angular-material

嗯,我知道 Bootstrap Angular Material Design 是两个不同的框架,但我也知道它们有很多相似之处,有可能对类和组件之间使用的替代方法进行比较。

例如:

╔═══════════════╦═════════════╦════════════════╦═══════════════════════╗
║   Bootstrap   ║  Material   ║ Bootstrap Type ║ Angular Material Type ║
╠═══════════════╬═════════════╬════════════════╬═══════════════════════╣
║ .btn          ║ <md-button> ║ class          ║ directive/tag         ║
║ .btn-link     ║             ║ class          ║                       ║
║ .btn-primary  ║ .md-primary ║ class          ║ class                 ║
║ .nav.nav-tabs ║ <md-tabs>   ║ class          ║ directive/tag         ║
╚═══════════════╩═════════════╩════════════════╩═══════════════════════╝

我的想法是使用每个组件和CSS类的替代方法,在Bootstrap和AMD之间以最佳方式进行迁移。

那么,您能否与推荐,参考网站甚至代码示例分享您的知识?

非常感谢!

  

也许我的英语不是最好的。如果出现错误,请考虑编辑此消息。

1 个答案:

答案 0 :(得分:1)

你的问题非常广泛,但我会简单地告诉你Bootsrap只根据css类驱动外观/感觉/布局。而Angular Material基于指令(以编程方式)驱动外观/感觉/布局,是的,角度材料中也包含css,这不是主要驱动因素。

我觉得你可能在浪费时间试图存档两者之间的明确迁移路径。基本上你是在一起看新的练习。

响应式设计与包含响应式指令的MVC设计