html - Twitter Bootstrap 中的 CSS 按钮问题

Question

这里原始来源（有问题）

在此处输入图像描述

但是当我尝试在 jsfiddle 中重新生成问题时得到正确的结果

在此处输入图像描述

我错过了什么？如何解决这个问题？

score 1 · Accepted Answer

display: inline-block;

在插入符号类上阻止您的跨度拉伸按钮。使固定：

.btn .caret {
    display: inline;
    top: 10px;
    margin-left: 0;
    position: relative;
}

score 1 · Accepted Answer

需要 HTML5 文档类型

Bootstrap 使用需要使用 HTML5 文档类型的某些 HTML 元素和 CSS 属性。将它包含在所有项目的开头。

<!DOCTYPE html>
<html lang="en">
  ...
</html>

取自（一开始）文档。

2 回答 2