【问题标题】:CSS button issue in Twitter BootstrapTwitter Bootstrap 中的 CSS 按钮问题
【发布时间】:2012-09-16 12:44:22
【问题描述】:

这里是原始出处(有问题)

http://goo.gl/UjcoC

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

http://goo.gl/uhGP0

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

【问题讨论】:

  • 创建风格.btn .caret{height: 8px;}
  • 仅供参考,这是带有两个“m”的“推荐”

标签: html css button twitter-bootstrap


【解决方案1】:
display: inline-block;

插入符号类会阻止您的跨度拉伸按钮。 修复:

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

【讨论】:

  • 但我在我的 css 文件中找不到这个 css 规则
【解决方案2】:

需要 HTML5 文档类型

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

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

取自(一开始)the documentation

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-02-10
    • 1970-01-01
    • 2015-02-14
    • 2011-11-07
    • 2011-11-26
    • 1970-01-01
    • 2016-10-09
    • 2012-12-25
    相关资源
    最近更新 更多