Question

我是bootstrap的新手，我看了一些教程（ASP.NET）。

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

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

enter image description here

我不知道我做错了什么！

这是我的容器：

<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

上发布了代码，那将会有所帮助

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

Answer 2

找到了答案！

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

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

然后我收到了那个错误。

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

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

然后我没有任何错误！

Answer 3

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

Bootstrap按钮错误

3 个答案: