引导按钮错误

Question

我是 bootstrap 新手，看了一些教程 (ASP.NET)。

我创建了一个带有 CssClass 的按钮：

但是按钮看起来有问题？它必须看起来像第一个按钮，但我的按钮是第二个：

我不知道我做错了什么！

这是我的容器：

<div class="container">
    <div class="row">
        <div class="span2">...</div>
        <div class="span8">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div class="span2">
            <asp:Button ID="btnSignup" runat="server" Text="Button" CssClass="btn btn-large btn-success" />
        </div>
    </div>
  <h1>Bootstrap starter template</h1>
  <p>Use this document as a way to quick start any new project.<br/> All you get is this message and a barebones HTML document.</p>

</div>

Answer 1

只是为了补充您自己的答案，因为您使用的是 bootstrap + Visual Studio，您可能必须知道 Visual Studio 上存在编辑某些 CSS3 属性的错误。 您应该保留 bootstrap.css 的备份，因为在编辑使用此样式表的 .aspx、.htm 时可能会再次出现此问题。 我只知道这个错误，但我没有任何解决方案

Answer 2

找到答案了！

我通过此链接下载了具有完整功能的自定义引导文件：

http://twitter.github.io/bootstrap/customize.html

然后我得到了那个错误。

但是当我从下面下载引导程序，并用新下载的 css 替换自定义引导程序中的 css 文件时：

http://twitter.github.io/bootstrap/

那我就没有bug了！

Answer 3

您是否以任何方式修改了 Bootstrap CSS，或者您是否加载了任何其他 CSS？

你在什么浏览器中看到这个？

如果您将代码发布到 jsfiddle.net 会有所帮助

无论如何，当您从.btn-success 类的正常（鼠标移出）按钮状态中删除background-image 时，就会发生此问题。 Bootstrap 在悬停状态下使用过渡将背景位置移动 15 像素，这就是您最终的结果。