md按钮尺寸(棱角材料)

Question

我对角质材料很新,而且我正在使用一些md-button指令.当我来自Bootstrap世界时,我正在寻找一种方法来为md-buttons 设置不同的尺寸.类似于Bootstrap中的类btn-xs和btn-sm类.

我创建了一个类,md-button-xs并尝试使用此类设置按钮的大小但没有成功.我甚至试图使用谷歌浏览器中的开发者选项调整按钮的大小,但这也不起作用.

如何为md-button其他角度材料组件提供不同的尺寸？

Answer 1

我们都是Angular Material的新手(很好).这是我对我的回答的免责声明.

我从来没有在twitter引导程序上花费太多时间,但我可以告诉你,在Angular Material领域中指定大小可能并不那么重要.

• Angular Material使用Flexbox.我个人发现,在Angular Material中指定特定尺寸不太重要.演示:布局>网格系统
• 虽然您可以使用ngMaterial中的网格完成很多工作(例如:网格列表和子对齐),但我建议您查看简单布局属性是否适用于"开箱即用",以配合Flexbox的常规用法.

为什么不弄乱按钮演示页面中的按钮？或者您有什么更具体的需要帮助吗？ https://material.angularjs.org/latest/#/demo/material.components.button

我为你搞砸了一下!一旦你开始,很简单的东西. http://codepen.io/qvazzler/pen/jPgbQO

<md-button flex="15">{{title1}} (Not much)</md-button>
<md-button flex="15" md-no-ink="" class="md-primary">Primary (Not much either)</md-button>
<md-button flex="33" ng-disabled="true" class="md-primary">Disabled (More space for me!)</md-button>
<md-button flex class="md-warn">{{title4}} (I'll have what's left)</md-button>

祝好运!

发表时参考Angular Material版本0.10.1.如果您使用的是较新版本且无法获得熟悉的结果,请在浏览到我的任何链接后使用该网站更改版本,以找出问题所在.并且始终存在更改日志.