Twitter引导程序:带图标且没有文本的按钮错误高度

yuj*_*1st 6 css twitter-bootstrap twitter-bootstrap-3

简单的html页面上有两个按钮,附带了twitter-bootstrap 2/3:有和没有文字.如果我打开它,没有文字的按钮有错误的较小高度(见下面的截图). 截图

怎么来的?在IE 9\10中重复相同的情况.但如果在jsfiddle中运行,一切都很好.即使我通过开发人员工具栏手动添加了一个按钮,在某些页面中使用TB在互联网上也可以.

PS:与bootstrap 2相同的事情......

<html>
<head>
  <link rel="stylesheet" type="text/css" href="http//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<a class="btn btn-danger" href="#"><span class="glyphicon glyphicon-trash"></span> Delete</a>
<a class="btn btn-primary" href="#"><span class="glyphicon glyphicon-pencil"></span></a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

yuj*_*1st 12

原因是"<!DOCTYPE html>"第一个字符串.必须将其设置为html 5上面的writter.如果它不存在或者它具有html 4描述("PUBLIC etc"),则会发生此错误.