css - Bootstrap 按钮错误

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 CSS 或加载了任何其他 CSS？

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

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

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