Html 引导材质设计下拉按钮未正确绘制

我正在尝试使用以下链接中的bootstrap material design中的按钮：

我从上面的链接下载了下拉按钮和所有需要的CSS和JavaScript。当我尝试测试样本下拉按钮时，它没有正确绘制。下面是示例html代码和输出

我无法找出我遗漏了什么。我试图从网上找到答案，但没有找到！所以我把它贴在这里

为什么这个下拉图标的高度是按钮的一半？？？？











$（文档）.ready（函数（）{
//此命令用于初始化某些元素并使其正常工作
$.material.init（）；
});

---

将doctype设置为HTML5对我起到了作用——将

添加到文档顶部

---

我不知道为什么，但这是我想到的第一件事。

干得好，亨伯莱特+1.我在JSFIDLE玩，想知道为什么这对我有用，直到我看到了你的答案。一定是这样。下面是一个HTML 4.01过渡doctype的示例，它将破坏布局。使用HTML5 doctype，一切都很好。啊！酷。将文档类型设置为HTML5有效。gr8，谢谢您的快速回复。